WEB DEV TOUCHSTONE SUBMISSION
TEMPLATE FINAL TEST 2026 QUESTIONS
WITH CORRECT ANSWERS GRADED A+
◍ <var>.
Answer: The HTML <var> element defines a variable.The variable could be
a variable in a mathematical expression or a variable in programming
context Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.
◍ CSS (Cascading Style Sheets).
Answer: language used to describe how HTML elements should be styled
◍ The form Attribute fro input (html).
Answer: The form attribute specifies one or more forms an <input> element
belongs to.Tip: To refer to more than one form, use a space-separated list of
form ids.<form action="/action_page.php" id="form1"> First name: <input
type="text" name="fname"><br> <input type="submit"
value="Submit"></form>Last name: <input type="text" name="lname"
form="form1">
◍ Helper applications (plug-ins).
Answer: are computer programs that extend the standard functionality of a
web browser.
◍ <ol>.
Answer: This tag is used to create a set of numbered items
◍ Syntax.
Answer: code structure, the order code needs to appear to work
◍ <noscript>.
Answer: tag is used to provide an alternate content for users that have
, disabled scripts in their browser or have a browser that doesn't support
client-side scripts
◍ text-decoration-style.
Answer: Sets the style of the text decoration such as solid, wavy, dotted,
dashed, or double
◍ CSS Class.
Answer: An identifier that allows multiple elements in an HTML document
to be styled in the same way
◍ <div>.
Answer: divides the HTML document into sections of content and used to
group together HTML elements, allowing you to apply CSS styles to many
elements at once.
◍ SVG Rounded Rectangle with pink fill grey border.
Answer: <svg width="400" height="180"> <rect x="50" y="20" rx="20"
ry="20" width="150" height="150"
style="fill:red;stroke:black;stroke-width:5;opacity:0.5" /></svg>
◍ text-decoration-color.
Answer: Sets the color of the text decoration
◍ Digital Footprint.
Answer: The collected information about an individual across multiple
websites on the Internet.
◍ The HTML style attribute has the following syntax.
Answer: <tagname style="property:value;">
◍ Input Type Date (html).
Answer: <form> Birthday: <input type="date" name="bday"></form>
◍ HTML (Hypertext Markup Language).
Answer: a language used to create web pages
◍ Relevant.
Answer: closely connected to a topic
,◍ Trustworthy.
Answer: reliable, honest, and truthful
◍ The placeholder Attribute (html).
Answer: <input type="text" name="fname" placeholder="First name">
◍ Show an email link that includes a cc, bcc, subject and body:.
Answer: <a
href="mailto:?cc=&bcc=name3@rapi
&body=The%20body%20of%20the%20email"> Send mail with cc,
bcc, subject and body</a>
◍ Website Structure.
Answer: how the content of a website is organized
◍ text-decoration-line.
Answer: Sets the kind of text decoration to use such as, underline, overline,
line-through
◍ Non-breaking Space (HTML?.
Answer: Two words separated by a non-breaking space will stick together
(not break into a new line). This is handy when breaking the words might be
disruptive 
◍ <picture> Element (add multiple pictures with width restrictions to see what
happens).
Answer: <picture> <source media="(min-width: 650px)" srcset=" <source
media="(min-width: 465px)" srcset="img_white_flower.jpg"> <img
src="img_orange_flowers.jpg" alt="Flowers"
style="width:auto;"></picture>
◍ HTML Tag.
Answer: The special set of characters that indicates the start and end of an
HTML element and that element's type
◍ In HTML, colors can also be specified using (what are they?).
Answer: RGB values, HEX values, HSL values, RGBA values, and HSLA
, values: (where A standts for alpha)
◍ <output> create an example (html) basically some programming shit.
Answer: <form
action="/action_page.php"oninput="x.value=parseInt(a.value)+parseInt(b.value)">
0 <input type="range" id="a" name="a" value="50"> 100 + <input
type="number" id="b" name="b" value="50"> = <output name="x" for="a
b"></output> <br><br> <input type="submit"></form>
◍ <li>.
Answer: item in the list is marked by a list item element
◍ create and svg logo.
Answer: <svg height="130" width="500"> <defs> <linearGradient
id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%"
style="stop-color:rgb(255,255,0);stop-opacity:1" /> <stop offset="100%"
style="stop-color:rgb(255,0,0);stop-opacity:1" /> </linearGradient> </defs>
<ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" /> <text
fill="#ffffff" font-size="45" font-family="Verdana" x="50"
y="86">SVG</text> Sorry, your browser does not support inline
SVG.</svg>
◍ CSS Selector.
Answer: the part of a CSS rule-set that defines which HTML elements the
style should be applied to
◍ <head>.
Answer: This tag is used as a container for metadata
◍ <body>.
Answer: defines the main content of the HTML document that will be
directly visible on your web page and contains all the content of an HTML
document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc
◍ How to View HTML Source?.
Answer: right click and click view source
TEMPLATE FINAL TEST 2026 QUESTIONS
WITH CORRECT ANSWERS GRADED A+
◍ <var>.
Answer: The HTML <var> element defines a variable.The variable could be
a variable in a mathematical expression or a variable in programming
context Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.
◍ CSS (Cascading Style Sheets).
Answer: language used to describe how HTML elements should be styled
◍ The form Attribute fro input (html).
Answer: The form attribute specifies one or more forms an <input> element
belongs to.Tip: To refer to more than one form, use a space-separated list of
form ids.<form action="/action_page.php" id="form1"> First name: <input
type="text" name="fname"><br> <input type="submit"
value="Submit"></form>Last name: <input type="text" name="lname"
form="form1">
◍ Helper applications (plug-ins).
Answer: are computer programs that extend the standard functionality of a
web browser.
◍ <ol>.
Answer: This tag is used to create a set of numbered items
◍ Syntax.
Answer: code structure, the order code needs to appear to work
◍ <noscript>.
Answer: tag is used to provide an alternate content for users that have
, disabled scripts in their browser or have a browser that doesn't support
client-side scripts
◍ text-decoration-style.
Answer: Sets the style of the text decoration such as solid, wavy, dotted,
dashed, or double
◍ CSS Class.
Answer: An identifier that allows multiple elements in an HTML document
to be styled in the same way
◍ <div>.
Answer: divides the HTML document into sections of content and used to
group together HTML elements, allowing you to apply CSS styles to many
elements at once.
◍ SVG Rounded Rectangle with pink fill grey border.
Answer: <svg width="400" height="180"> <rect x="50" y="20" rx="20"
ry="20" width="150" height="150"
style="fill:red;stroke:black;stroke-width:5;opacity:0.5" /></svg>
◍ text-decoration-color.
Answer: Sets the color of the text decoration
◍ Digital Footprint.
Answer: The collected information about an individual across multiple
websites on the Internet.
◍ The HTML style attribute has the following syntax.
Answer: <tagname style="property:value;">
◍ Input Type Date (html).
Answer: <form> Birthday: <input type="date" name="bday"></form>
◍ HTML (Hypertext Markup Language).
Answer: a language used to create web pages
◍ Relevant.
Answer: closely connected to a topic
,◍ Trustworthy.
Answer: reliable, honest, and truthful
◍ The placeholder Attribute (html).
Answer: <input type="text" name="fname" placeholder="First name">
◍ Show an email link that includes a cc, bcc, subject and body:.
Answer: <a
href="mailto:?cc=&bcc=name3@rapi
&body=The%20body%20of%20the%20email"> Send mail with cc,
bcc, subject and body</a>
◍ Website Structure.
Answer: how the content of a website is organized
◍ text-decoration-line.
Answer: Sets the kind of text decoration to use such as, underline, overline,
line-through
◍ Non-breaking Space (HTML?.
Answer: Two words separated by a non-breaking space will stick together
(not break into a new line). This is handy when breaking the words might be
disruptive 
◍ <picture> Element (add multiple pictures with width restrictions to see what
happens).
Answer: <picture> <source media="(min-width: 650px)" srcset=" <source
media="(min-width: 465px)" srcset="img_white_flower.jpg"> <img
src="img_orange_flowers.jpg" alt="Flowers"
style="width:auto;"></picture>
◍ HTML Tag.
Answer: The special set of characters that indicates the start and end of an
HTML element and that element's type
◍ In HTML, colors can also be specified using (what are they?).
Answer: RGB values, HEX values, HSL values, RGBA values, and HSLA
, values: (where A standts for alpha)
◍ <output> create an example (html) basically some programming shit.
Answer: <form
action="/action_page.php"oninput="x.value=parseInt(a.value)+parseInt(b.value)">
0 <input type="range" id="a" name="a" value="50"> 100 + <input
type="number" id="b" name="b" value="50"> = <output name="x" for="a
b"></output> <br><br> <input type="submit"></form>
◍ <li>.
Answer: item in the list is marked by a list item element
◍ create and svg logo.
Answer: <svg height="130" width="500"> <defs> <linearGradient
id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%"
style="stop-color:rgb(255,255,0);stop-opacity:1" /> <stop offset="100%"
style="stop-color:rgb(255,0,0);stop-opacity:1" /> </linearGradient> </defs>
<ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" /> <text
fill="#ffffff" font-size="45" font-family="Verdana" x="50"
y="86">SVG</text> Sorry, your browser does not support inline
SVG.</svg>
◍ CSS Selector.
Answer: the part of a CSS rule-set that defines which HTML elements the
style should be applied to
◍ <head>.
Answer: This tag is used as a container for metadata
◍ <body>.
Answer: defines the main content of the HTML document that will be
directly visible on your web page and contains all the content of an HTML
document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc
◍ How to View HTML Source?.
Answer: right click and click view source
