HTML5

Question 1

Body Element

Answer 1

< body >< /body >

Question 2

Paragraph Element

Answer 2

”< p >< /p >”

Question 3

Span Element

Answer 3

< span >< /span >

-used to isolate parts of in-line

Question 4

Division Element

Answer 4

< div >< /div >

- Divide body into sections

Question 5

Make “italic” Element

Answer 5

< em >< /em >

Question 6

Make “bold” Element

Answer 6

< strong >< /strong >

Question 7

Ordered List Element

Answer 7

< ol >< /ol >

Question 8

Unordered List Element

Answer 8

< ul >< /ul >

Question 9

List Item Element

Answer 9

< li >< /li >

Question 10

Image Element

Answer 10

< img src=”source” alt=”description” /img >

Question 11

Video Element

Answer 11

< video src=”source” width=”1” height=”2” controls > video not supported < /video >

Question 12

Heading/Subheading Element

Answer 12

< h1 >< /h1 > through < h6 >< /h6 >

Question 13

Root Directory

Answer 13

Main folder where all HTML files associated with a project are stored.

Question 14

Line Break Element

Answer 14

< br >

Question 15

Declare an HTML Document

Answer 15

< !DOCTYPE html5 >

declaration should always be the first line of code in your HTML files. This lets the browser know what version of HTML to expect.

Question 16

Container Element for HTML

Answer 16

< html > < /html >

Question 17

Element to Store Website Info

Answer 17

< head >< /head >

Question 18

Titling Element

Answer 18

< title >< /title >

A webpage’s title appears in a browser’s tab.

Question 19

Anchor Element

Answer 19

< a >< /a >
< a href=”./name.html” >< /a > - internal link
< a href=”#name” >< /a > - id link
< a href=”www.website.com” >< /a > - external link

used to link to internal pages, external pages or content on the same page.

Question 20

Attribute to Specify Unique ID for Element

Answer 20

id=”unique_id”

Question 21

Add Comment to HTML

Answer 21

< !– –>

Question 22

Table Element

Answer 22

< table >< /table >

Question 23

Table Heading Element

Answer 23

< th >< /th >

Use following attributes to define column headings or row headings:

scope=”col”
scope=”row”

Question 24

Attribute to allow table data to span multiple columns or rows

Answer 24

colspan=”1”

rowspan=”1”

Question 25

Element to define a table header

Answer 25

< thead >< /thead >

Question 26

Element to define a table body

Answer 26

< tbody >< /tbody >

Question 27

Element to define a table footer

Answer 27

< tfoot >< /tfoot >

Question 28

How do you set up a basic table?

Answer 28

``` < table > < thead > < tr > < th scope="col" >< /th > < /tr > < /thead > < tbody > < tr > < td >< /td > < /tr > < /tbody > < tfoot > < td >< /td > < /tfoot > < /table > ```

Question 29

Form Element

Answer 29

< form action="/example.html" method="POST" > < /form > - The action attribute determines where the information is sent. - The method attribute is assigned a HTTP verb that is included in the HTTP request.

Question 30

Input Element

Answer 30

< form action="/example.html" method="POST" > < input type="text" name="first-text-field" id="first-text-field" value="hello" /> < /form > - Self-closing tag - The input element is a child of the form. - It needs to be defined by a type attribute - the name attribute will be set to the value of the input when submitted - It gets associated with a label by its id attribute - The value attribute is the pre-populated value of the form when displayed

Question 31

Label Element

Answer 31

< label for="first-text-field" >First text field< /label > - Label element gets associated with an input via its "for" attribute

Question 32

Password Input Element

Answer 32

< input type="password" id="user-password" name="user-password" /> -Input defined by type="password"

Question 33

Input Element for Numbers

Answer 33

< input id="years" name="years" type="number" step="1" /> - Defined by type="number" - appears with + and - incremented by "step" attribute - Only allows numbers and certain related characters

Question 34

Input Element for Slider

Answer 34

< input id="volume" name="volume" type="range" min="0" max="100" step="1" /> - Defined by type="range" - Includes "min" and "max" attributes - also incremented by "step" attribute

Question 35

Input Element for Checkbox

Answer 35

< input id="cheese" name="topping" type="checkbox" value="cheese" /> - Defined by type="checkbox" - Needs "value" attribute defined

Question 36

Input for Radio Button

Answer 36

< input type="radio" id="two" name="answer" value="2" /> - Defined by type="radio" - Needs "value" attribute defined

Question 37

Dropdown Element

Answer 37

< select id="lunch" name="lunch" > < option value="1" >One< /option > < option value="2" >Two< /option > < /select > - each option needs a value attribute defined

Question 38

Input Element for a Data List

Answer 38

< input type="text" list="cities" id="city" name="city" > < datalist id="cities" > < option value="New York City" >< /option > < option value="Tokyo" >< /option > < /datalist > - Use a text input with a "list" attribute defined as "id" attribute of the datalist element - each option needs a value attribute defined

Question 39

Text Area Element

Answer 39

< textarea id="blog" name="blog" rows="5" cols="30" > < /textarea > - Define the number of rows and columns the text area should have via the "rows" and "cols" attributes

Question 40

Input Element for Submit Button

Answer 40

< input type="submit" value="Submit" / > - Defined by type="submit" - Use "value" attribute to add user-facing message

Question 41

Make an input required

Answer 41

< input type="text" value="Enter text" required / > -Simply add "required" attribute

Question 42

Set Mininum and Maximum Values for an Input

Answer 42

< input type="number" min="1" max="4" / >

Question 43

Set Mininum and Maximum Text Length for an Input

Answer 43

< input type="text" minlength="5" maxlength="250" required / >

Question 44

Allow a 14-16 Digit Number to be Entered

Answer 44

< input type="text" required pattern="[0-9]{14,16}" / > - This technique uses regex or "regular expressions"