HTML

Question 1

Where do you put non-visible content about the HTML?

Answer 1

In the head element.

Question 2

Define Meta-data.

Answer 2

Meta-data is data that provides information about another set data. This is inside the head element and usually provides a description of the page. It is not displayed on the page.

Question 3

Where do you put visible content about the HTML document?

Answer 3

In the < body > element.

Everything in the element has the potential to be visible.

Question 4

Where do the < head > and < body > tags go in a valid HTML document?

Answer 4

< head > goes after the opening tag of the < html > element.
< body > goes after the closing tag of the < head > < /head > element.

Question 5

What is the purpose of the < h t m l > declaration?

Answer 5

• Each web page should begin with a HTML declaration in order to tell the browser which version of HTML the page is using, because there are several versions of them.
• Also helps the browser render a page correctly.
• AKA it tells us what kind of document it is.

Question 6

Give 5 examples of element types.

Answer 6

html, head, title, body, and h1.

Question 7

What is the purpose of HTML attributes?

Answer 7

• They are in the opening tag of the element to provide more information about the content.
• example: <a> </a>
• Made of 2 parts: a name and a value.

-another example: lang in <p> helps specify what language is being used. </p>

Question 8

Give an example of HTML entity (also known as “escape characters”).

Answer 8

& copy would be ©
& reg would be ®

(no spaces for the special escape characters)

Question 9

Fill in the blank:

The terms “tag” and “element” are _____________.

Answer 9

The terms “tag” and “element” are interchangeable.

Question 10

What kind of element is the < img > element?

Answer 10

< img > is called an “empty element” or also called a “self-closing tag,” because it does not require a closing tag.

Question 11

What does src define?

Answer 11

src tells the browser where to find the image file. This will usually be a relative URL pointing to an image.

Question 12

What does alt define?

Answer 12

alt gives a text description of the image in case it does not load properly due to a slow connection or for viewers who use screen readers.

Question 13

What is the purpose of the title attribute?

Answer 13

The title attribute within the < img > element gives additional information about the image. It should give an accurate description of the image content so it can be understood by screen reader software or the visually impaired.

Question 14

What should you put as the alt attribute within the <img></img> element if the image is purely for aesthetics and has no meaning? For instance, the dividing line.

Answer 14

The attribute should still be used but the quotes should be left empty.

Question 15

What is the difference between the < p > and < span > elements?

Answer 15

Both elements displays text content, but the < p > element is a block element and the < span > element is an inline element.

Question 16

How do block-level elements affect the document flow?

Answer 16

Block-level elements will create a new line.

Question 17

How do inline elements affect the document flow?

Answer 17

Inline elements will share space and only take up what is necessary. It will not start a new line.

Question 18

What are the default width and height of a block-level element?

Answer 18

Width: 100%
Height: auto (whatever height the content carries)

Question 19

What are the default width and height of an inline element?

Answer 19

Width: auto
Height: auto

Question 20

What is the significance of element?

Answer 20

Updates what is no longer relevant to physically display what has changed. It shows up as a strikethrough in text.

Question 21

<strong> </strong>

Answer 21

Indicates a text that has a strong importance. Will display the text as bold.

Question 22

<em> </em>

Answer 22

Indicates emphasis that subtly changes the meaning of a sentence. Will display text in italics.

Question 23

What is the difference between an ordered list and an unordered list in HTML?

Answer 23

Ordered list < ol > numbers each item in a numerical order.
Unordered list < ul > are lists that begin with bullet points.

These elements should have a < li > element in each of them. For instance:
< ol>
< li> < /li>
< li> < /li>
< /ol>

Question 24

Is an HTML list a block element or an inline element?

Answer 24

An HTML list is a block element.

Question 25

Describe indentation relationship between the header element (< h2 >) and list element (< ol> or < / ol>< ul>).< / u l>< / h2>

Answer 25

The header and list elements are considered siblings so < ol > or < / ol >< ul > does not need to be indented after the header element. For instance:

< h2 >Ordered List Example:< / h2 >< / ul >< ol >
< li >Learn to Code.< / li >
< li >Build Projects.< / li >
< li >Get a Job.< / li >< / ol >

Question 26

How do you indicate the relative link to a parent directory?

Answer 26

. . / [ file name ]

Question 27

How do you indicate the relative link to a child directory?

Answer 27

state the name of the directory / file name

Question 28

How do you indicate the relative link to a grand parent directory?

Answer 28

Repeat the . . / to indicate that you want to go up two folders (rather than one), then follow it with the file name.
so :
. . / . . /

(do ../ for each time you want to go up)

Question 29

How do you indicate the relative link to the same directory?

Answer 29

State the name of the file source.

Question 30

What is the purpose of an HTML form element? < form>

Answer 30

The < form> element encapsulates boundaries for the form while also carrying Form controls to collect user information/data

Question 31

Give five examples of form control elements.

Answer 31

< input>
< textarea>
< select>
< button>
< label>

Question 32

Give three examples of type attribute values for HTML elements. (For < input> element)

Answer 32

“radio”
“checkbox”
“text”

Question 33

Is an HTML element a block element or an inline element?

Answer 33

< input> is an inline element.

Question 34

What HTML tag is used to link to another website?

Answer 34

< a> element (called Anchor Tag) with a href attribute.

< a href= “www.twitch.com/” >Twitch< /a>

Question 35

What is an absolute URL?

Answer 35

Absolute URL is when you link to a different website and the href attribute is the full web address for the site.
< a href= “www.google.com” >Google< /a>

Question 36

What is a relative URL?

Answer 36

Relative URL is when you are linking to other pages within the same site and you do NOT need to specify the domain name in the URL. You can use a shorthand.

So you can link to other pages within the same site.
<a>Home< /a></a>

Question 37

Describe the Form control.

Answer 37

Form controls live inside a < form> element. This element should always carry that action attribute and will usually have a method and id attribute too.

Every < form> element requires an action attribute. Its value is the URL for the page on the server that will receive the information in the form when it is submitted.

Question 38

What are the six primary HTML elements for creating tables?

Answer 38

1. < table>
2. < thead>
3. < tr>
4. < th>
5. < tbody>
6. < td>

Question 39

What purpose do the thead and tbody elements serve?

Answer 39

< thead> is used as a heading or label for the data.

< tbody> represents the table data.

Question 40

Give two examples of data that would lend itself well to being displayed in a table.

Answer 40

1. product and prices

2. movie title and corresponding time

Question 41

List 5 examples of inline elements.

Answer 41

1. < b>
2. < i>
3. < img>
4. < em>
5. < span>