Lesson 2: HTML Fundamentals

What is the purpose of in an HTML document?

It tells the browser to render the page in standards mode.

What is the HTML document hierarchy?

A structured tree of elements with parent, child, and sibling relationships.

What is a parent element?

An element that directly contains another element.

What is a child element?

An element directly contained inside another element.

What are sibling elements?

Elements that share the same parent.

What is the purpose of HTML comments?

To add internal notes, temporarily disable code, or document the structure without affecting the webpage UI.

What are the basic HTML tags used to structure content?

Headings, paragraphs, and lists.

What are headings in HTML used for?

To organize content into levels of importance using

through

.

What is the purpose of paragraphs in HTML?

To structure blocks of text.

What is the purpose of HTML lists?

To organize related information into structured items.

What is an HTML attribute?

Additional information or configuration provided inside an element's opening tag.

Which attributes are commonly associated with images?

src and alt.

Which attribute specifies the destination of a hyperlink?

href.

What is the purpose of embedded elements such as images, audio, and video?

To place multimedia content directly into a webpage.

Why are semantic text

formatting elements preferred over purely visual formatting?

Which HTML elements are used for important and emphasized text?

for importance and for emphasis.

Which HTML elements are used for subscript, superscript, and blockquotes?

, , and

.

What is the purpose of grouping elements in HTML?

To organize related content and provide containers for CSS styling and JavaScript manipulation.

What are block

level elements?

What are inline elements?

Elements that generally flow within surrounding text or content.

What are

and commonly used for?

Generic containers for grouping content, styling with CSS, and manipulating with JavaScript.

Do generic grouping elements such as

and have intrinsic semantic meaning?

No, they primarily serve as containers.

What are the three main types of resource paths?

Absolute paths, relative paths, and root

What is an absolute path?

A complete URL identifying the full location of a resource.

What is a relative path?

A path that identifies a resource relative to the current document.

What is a root

relative path?

Why are correct resource paths important?

They ensure external stylesheets, JavaScript, images, audio, and video load correctly.

What is the main purpose of an HTML table?

To organize structured data into rows and columns.

Which HTML element creates a table row?

.

Which HTML element creates a table data cell?

.

Which HTML element creates a table header cell?

.

What is the purpose of , , and ?

They group table headers, main data, and footer information respectively.

Why is table grouping important?

It provides clearer structure and improves accessibility and organization.

What is the main purpose of an HTML form?

To collect and submit user input.

Which elements can be used to group related form fields?

and

.

What is the purpose of

?

To group related form controls.

What is the purpose of

?

To provide a label or description for a group of related form controls.

What types of input can HTML forms collect?

Text, radio

When should radio buttons be used?

When the user should select one option from a group.

When should checkboxes be used?

When the user can select multiple options.

When should a dropdown/select control be used?

When the user needs to choose an option from a predefined menu.

When should a textarea be used?

When the user needs to enter multi

Why should form labels be linked to their inputs?

To improve accessibility and make forms easier to understand and use.

How are a and an input connected?

The label's for attribute should match the input's id.

Why are default values or other input attributes useful?

They improve the usability and behavior of form controls.

What are the four main stages of the webpage creation process?

Structure, Content, Media, and Interaction.

What happens during the Structure stage?

The DOCTYPE and core HTML hierarchy of , , and are established.

What happens during the Content stage?

Text formatting, semantic elements, and logical grouping are added.

What happens during the Media stage?

Correct resource paths are established and media or external resources are embedded.

What happens during the Interaction stage?

Tables and functional forms are created for data presentation and user input.

If you need to organize data into a grid of rows and columns, which HTML feature should you use?

A table.

If users need to select multiple options, which form control should you use?

Checkboxes.

If users must choose only one option, which form control should you use?

Radio buttons.

If you need to embed an image and ensure it loads correctly, what should you check?

The image's resource path and relevant attributes such as src and alt.

If you need to group several related form fields, which elements should you use?

and

.

If you want to style or manipulate a group of elements without giving the group specific semantic meaning, which elements can you use?

or .