HTML STUDY GUIDE EXAM 2026/2027 QUESTIONS AND
SOLUTIONS RATED A+
✔✔E-mail links Create an email prompt link - ✔✔<a
href="mailto:">Send email to nowhere</a>
✔✔Show an email link that includes a cc, bcc, subject and body: - ✔✔<a
href="mailto:?cc=&bcc=name3@rapidta
bles.com&subject=The%20subject%20of%20the%20email
&body=The%20body%20of%20the%20email">
Send mail with cc, bcc, subject and body
</a>
✔✔collection_select (what does it do and show an example in forms) - ✔✔<%= form_for
@post do |f| %>
<%= f.collection_select :category_id, Category.all, :id, :name %>
<%= f.text_field :content %>
<%= f.submit %>
<% end %>
✔✔Using the max-width Property - ✔✔Allows an image to scale down but not be larger
than it's original size. ie
<img src="img_girl.jpg" style="max-width:100%;height:auto;">
✔✔Responsive Text Size - ✔✔
✔✔10vw means - ✔✔10% of the view port width
✔✔A react component cannot change - ✔✔it's own props
✔✔<kbd> element - ✔✔The kbd element represents user input:
Save the document by pressing Ctrl + S
It just changes the font to MonoSpace
✔✔<code> tag - ✔✔Changes the font to look like you're writing in code
✔✔<samp> tag (html) - ✔✔element represents output from a program or computing
system.
Text surrounded by <samp> tags is typically displayed in the browser's default
monospace font:
,✔✔<pre> and <code> - ✔✔nest code tag in pre elements so that you can
✔✔<var> - ✔✔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>.
✔✔HTML entities - ✔✔uses & and an entity name for characters that will be confused
for code in HTML
reference (https://www.w3schools.com/html/html_entities.asp)
✔✔Non-breaking Space (HTML? - ✔✔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
 
✔✔HTML Symbols - ✔✔More symbols that use & but I can't memorize
https://www.w3schools.com/html/html_symbols.asp
✔✔HTML Encoding Charset (Character Sets) - ✔✔To display an HTML page correctly,
a web browser must know which character set (character encoding) to use.
✔✔UTF-8 (html) - ✔✔(Unicode) covers almost all of the characters and symbols in the
world.
✔✔The HTML charset Attribute. How do display? (html) - ✔✔For HTML 4 : <meta http-
equiv="Content-Type" content="text/html;charset=ISO-8859-1">
For HTML 5: <meta charset="UTF-8">
✔✔URL means (html) - ✔✔Uniform Resource Locators
✔✔A URL (html) - ✔✔is another word for a web address.
✔✔Basic syntax of a domain name (html) -
✔✔scheme://prefix.domain:port/path/filename
Where:
scheme - defines the type of Internet service (most common is http or https)
prefix - defines a domain prefix (default for http is www)
domain - defines the Internet domain name (like w3schools.com)
port - defines the port number at the host (default for http is 80)
, path - defines a path at the server (If omitted: the root directory of the site)
filename - defines the name of a document or resource
✔✔Common URL Schemes (html) - ✔✔
✔✔URLs can only be sent over the Internet using the ASCII character-set. That means
(html) - ✔✔If your are using UTF-8 it will be converted to ASCII
✔✔XHTML (html) - ✔✔Is strict html. With good practices. everything must be quotes.
You must have a header.
✔✔Mandatory XHTML structure (html) - ✔✔<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>
✔✔<form> Element (html) - ✔✔<form> ....form stuff </form>
✔✔The <input> Element (html) - ✔✔<input type="text"> Defines a one-line text input
field
<input type="radio"> Defines a radio button (for selecting one of many choices)
<input type="submit"> Defines a submit button (for submitting the form)
✔✔Text Input show an example of a first name last name text input. (html) - ✔✔<form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
✔✔Radio Button Input (create a gender one) (html) - ✔✔<form>
<input type="radio" name="gender" value="male" checked> Male<br>
SOLUTIONS RATED A+
✔✔E-mail links Create an email prompt link - ✔✔<a
href="mailto:">Send email to nowhere</a>
✔✔Show an email link that includes a cc, bcc, subject and body: - ✔✔<a
href="mailto:?cc=&bcc=name3@rapidta
bles.com&subject=The%20subject%20of%20the%20email
&body=The%20body%20of%20the%20email">
Send mail with cc, bcc, subject and body
</a>
✔✔collection_select (what does it do and show an example in forms) - ✔✔<%= form_for
@post do |f| %>
<%= f.collection_select :category_id, Category.all, :id, :name %>
<%= f.text_field :content %>
<%= f.submit %>
<% end %>
✔✔Using the max-width Property - ✔✔Allows an image to scale down but not be larger
than it's original size. ie
<img src="img_girl.jpg" style="max-width:100%;height:auto;">
✔✔Responsive Text Size - ✔✔
✔✔10vw means - ✔✔10% of the view port width
✔✔A react component cannot change - ✔✔it's own props
✔✔<kbd> element - ✔✔The kbd element represents user input:
Save the document by pressing Ctrl + S
It just changes the font to MonoSpace
✔✔<code> tag - ✔✔Changes the font to look like you're writing in code
✔✔<samp> tag (html) - ✔✔element represents output from a program or computing
system.
Text surrounded by <samp> tags is typically displayed in the browser's default
monospace font:
,✔✔<pre> and <code> - ✔✔nest code tag in pre elements so that you can
✔✔<var> - ✔✔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>.
✔✔HTML entities - ✔✔uses & and an entity name for characters that will be confused
for code in HTML
reference (https://www.w3schools.com/html/html_entities.asp)
✔✔Non-breaking Space (HTML? - ✔✔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
 
✔✔HTML Symbols - ✔✔More symbols that use & but I can't memorize
https://www.w3schools.com/html/html_symbols.asp
✔✔HTML Encoding Charset (Character Sets) - ✔✔To display an HTML page correctly,
a web browser must know which character set (character encoding) to use.
✔✔UTF-8 (html) - ✔✔(Unicode) covers almost all of the characters and symbols in the
world.
✔✔The HTML charset Attribute. How do display? (html) - ✔✔For HTML 4 : <meta http-
equiv="Content-Type" content="text/html;charset=ISO-8859-1">
For HTML 5: <meta charset="UTF-8">
✔✔URL means (html) - ✔✔Uniform Resource Locators
✔✔A URL (html) - ✔✔is another word for a web address.
✔✔Basic syntax of a domain name (html) -
✔✔scheme://prefix.domain:port/path/filename
Where:
scheme - defines the type of Internet service (most common is http or https)
prefix - defines a domain prefix (default for http is www)
domain - defines the Internet domain name (like w3schools.com)
port - defines the port number at the host (default for http is 80)
, path - defines a path at the server (If omitted: the root directory of the site)
filename - defines the name of a document or resource
✔✔Common URL Schemes (html) - ✔✔
✔✔URLs can only be sent over the Internet using the ASCII character-set. That means
(html) - ✔✔If your are using UTF-8 it will be converted to ASCII
✔✔XHTML (html) - ✔✔Is strict html. With good practices. everything must be quotes.
You must have a header.
✔✔Mandatory XHTML structure (html) - ✔✔<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>
✔✔<form> Element (html) - ✔✔<form> ....form stuff </form>
✔✔The <input> Element (html) - ✔✔<input type="text"> Defines a one-line text input
field
<input type="radio"> Defines a radio button (for selecting one of many choices)
<input type="submit"> Defines a submit button (for submitting the form)
✔✔Text Input show an example of a first name last name text input. (html) - ✔✔<form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
✔✔Radio Button Input (create a gender one) (html) - ✔✔<form>
<input type="radio" name="gender" value="male" checked> Male<br>