HTML

Question 1

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

Answer 1

We put 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

We put 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

We placed head tag element between the html tag element and the body tag element, and placed body tag element right after the end of head tag element. It should be placed between /head tag element and /html tag element.

Question 4

What is the purpose of a !DOCTYPE declaration?

Answer 4

The purpose of a !DOCTYPE is an instruction to the web browser about what version of HTML the document is using. It helps the browser to handle and load it 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

Starts a new line and it uses the full width of the page or container. It also has a line break before and after the element.

Question 9

How do inline elements affect the document flow?

Answer 9

Inline elements occupy only the space bounded by the tag defining the 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% 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. On the other hand, the unordered list will have just bullet points.

Question 13

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

Answer 13

The list elements are a block-level element.

Question 14

What HTML tag is used to link to another website?

Answer 14

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

ahchor 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 input, checkbox, submit button, file upload, drop-down box.

Question 23

Give three examples of type attributes for HTML input elements.

Answer 23

input type 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, tr, td, th, thead, tbody, (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 and to allow the body element to be scrolled independently.

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.