HTML

Question 1

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

Answer 1

Non-visible content, known as metadata (or data about data), is stored in the element. This data includes page description, keywords, author, charset, etc.

Question 2

Where do you put visible content about the HTML document?

Answer 2

Visible content, content that is seen on the page, is stored in the element. The body contains all the visible content of an HTML document, such as the headings, paragraphs, images, lists, hyperlinks, etc.

Question 3

Where do the and tags go in a valid HTML document?

Answer 3

The element is placed between the tag and the tag. The tag is placed after the closing tag and before the closing tag.

Question 4

What is the purpose of a declaration?

Answer 4

The DOCTYPE declaration tells the browser what version of markup language (HTML, XML) in which a webpage is written.

Question 5

Give five examples of HTML element types.

Answer 5

Metadata elements: , ,
Root elements:
Content Sectioning: , <h1>, <h2>, ,
Text content: <div>, <li>, , <ol>, <p>, </p></ol><ul>
Inline: <a>, <b>, <em>, , <span></span></em></b></a></ul></li></div></h2></h1>

Question 6

What is the purpose of HTML attributes?

Answer 6

Elements in HTML have attributes, which are values that configure the elements or adjust their behavior in various ways.

Question 7

Give an example of an HTML entity (escape character).

Answer 7

Inverted question-mark ( ¿ ): ¿

Question 8

How do block-level elements affect the document flow?

Answer 8

In normal flow, block-level elements stack upon each-other, occupying the entire width of the parent container. A block-level element always starts on a new line and the browser automatically adds some space (a margin) before and after the element.

Question 9

How do inline elements affect the document flow?

Answer 9

Inline elements sit inside the content of block-level elements. Their size is the just the required size of their content. You cannot set width or height on inline elements without setting it to behave like a block level element.

Question 10

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

Answer 10

The default width of a block-level element is 100% of the width of its parent container. The default height is the height of the content.

Question 11

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

Answer 11

The default width and height of an inline element are the width and height of the content.

Question 12

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

Answer 12

An ordered list <ol> has items ordered by number while an unordered list </ol><ul> simply has bullet points.</ul>

Question 13

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

Answer 13

An HTML list is a block element. This applies to both the ul, ol elements as well as li elements.

Question 14

What HTML tag is used to link to another website?

Answer 14

To link to another website, we use the <a> tag which defines a hyperlink. The </a><a> element has its href attribute, which indicates the destination of the link.</a>

Question 15

What is an absolute URL?

Answer 15

An absolute URL is the full URL, including the protocol ((HTTP, HTTPS), the option subdomain (www), domain (example.com), and path (example.com/about).

Question 16

What is a relative URL?

Answer 16

A relative URL only includes the path as it assumes the link is on the same site and part of the same root domain.

Question 17

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

Answer 17

You can indicate the relative link to a parent directory by using ‘../’ to access the contents of the parent directory.

Question 18

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

Answer 18

You can indicate the relative link to a child directory by simply writing the path in the link. This is assuming that the content is relative to the directory in which the current page is located.

Question 19

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

Answer 19

Similar to accessing the parent directory, you would instead use ‘../../’

Question 20

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

Answer 20

The relative link to the same directory would simply use the single dot ‘./’

Question 21

What is the purpose of an HTML form element?

Answer 21

The form element allows for interactive controls in which user can input and submit information.

Question 22

Give five examples of form control elements

Question 23

Give three examples of type attribute values for HTML elements.

Answer 23

Three examples of type attribute values

Question 24

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

Answer 24

The element are either inline or inline-block.

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

th tr td table thead tbody

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

is used to group header content while is used to group body content

Question 27

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

Answer 27

A table is used to store relational data. This can be in the form of a professional athlete’s statistics from a variety of statical criteria stored in each header cell. Another example would be a calendar that shows a person’s hourly schedule for each day of the week.