HTML

Question 1

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

Answer 1

In the head tag element. The head element is a container for metadata (data about HTML document, which is not displayed). Ex) title, link.

Question 2

Where do you put visible content about the HTML document?

Answer 2

In the body tag element. The body element contains the entire content of a webpage. Ex) h1, p, img.

Question 3

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

Answer 3

The head tag element should be placed between the html tag element and the body tag element. The body tag element should be placed between right after the closing head tag element and the closing html tag element.

Question 4

What is the purpose of a !DOCTYPE declaration?

Answer 4

Its purpose is to let web browsers know which version of HTML documents is using. Therefore, it helps the browser process and loads properly.

Question 5

Give five examples of HTML element tags.

Answer 5

head, title, body, h1, p, a, img.

Question 6

What is the purpose of HTML attributes?

Answer 6

An attribute gives more about the content of that element.

Question 7

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

Answer 7

& © ® ™

Question 8

How do block-level elements affect the document flow?

Answer 8

It has a line break before and after the element and uses the full width of the page or container of its parent element.

Question 9

How do inline elements affect the document flow?

Answer 9

It only occupies the space bounded by the tags defining the element.

Question 10

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

Answer 10

The default width of the block-level element is 100% and the default height is whatever height it needs to have.

Question 11

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

Answer 11

I can’t set the width or height for the inline element because this element doesn’t start on a new line and only occupy just the width it requires.

Question 12

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

Answer 12

The ordered list will have items ordered by number. The unordered list will have just bullet points.

Question 13

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

Answer 13

It’s a block-level element.

Question 14

What HTML tag is used to link to another website?

Answer 14

It’s a tag, href attribute.

Question 15

What is an absolute URL?

Answer 15

It is a full URL or the entire address of the page and can be followed by the path to a specific page. If no page is specified, then the site will display the homepage.

Question 16

What is a relative URL?

Answer 16

It’s like a shorthand version of the absolute URL that shows the current URL’s relation to the linked page’s URL. A relative URL locates a resource using an absolute URL as a starting point.

Question 17

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

Answer 17

anchor tag element, href attribute, ../ then the file name.

Question 18

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

Answer 18

anchor tag element, href attribute, name of a child folder / then the file name.

Question 19

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

Answer 19

anchor tag element, href attribute, ../ ../ then the file name.

Question 20

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

Answer 20

anchor tag element, href attribute, just file name.

Question 21

What is the purpose of an HTML form element?

Answer 21

To represent a document section containing interactive controls for submitting information.

Question 22

Give five examples of form control elements.

Answer 22

Text and password input, text area, checkboxes, drop-down boxes, radio buttons, submit buttons, file upload.

Question 23

Give three examples of type attributes for HTML input elements.

Answer 23

Input type attribute with the value of the text, radio, checkbox, image, search, submit, button, range.

Question 24

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

Answer 24

The input element is an inline element.

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

Table, thead, tbody, tr (table row), th (table heading), td (table data), (tfoot) elements.

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

It used to group table rows into logical sections based on their content, it allows the body element to be scrolled independently and makes it easier to apply different styles to each section of the table.

Question 27

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

Answer 27

Quantitative data, which is the result of counting or measuring, and Qualitative data, which is the result of categorizing or describing.