Lesson 3: Tables & Forms

What is an HTML element?

A complete HTML structure that usually consists of an opening tag, content, and a closing tag.

What is the difference between an HTML tag and an HTML element?

A tag is the markup itself; an element includes the tags and the content they contain.

What are void or empty elements?

Elements that do not have closing tags or contain content, such as and
.

In an HTML document tree, what is an ancestor?

An element located higher in the document hierarchy.

What is a parent element?

An element directly above another element in the hierarchy.

What is a child element?

An element directly inside another element.

What are sibling elements?

Elements that share the same parent.

What is the purpose of ?

It declares that the document uses HTML5 and enables standards

What is the role of ?

It is the root element containing the entire HTML document.

What belongs in ?

Metadata and resources that describe or support the document.

What belongs in ?

The visible content displayed on the webpage.

What is the purpose of <meta charset="UTF

8">?

What is the purpose of the viewport meta tag?

It helps the webpage display properly across different screen sizes and devices.

What is the purpose of

It defines the document's title shown by the browser, such as in the browser tab.

What are

through

used for?

Creating headings from highest to lowest level of importance.

What is

used for?

Creating a paragraph of text.

What is

used for?

Grouping content into a generic block for organization and styling.

What does represent?

Important text, typically displayed in bold.

What does represent?

Emphasized text, typically displayed in italics.

What does
do?

Creates a line break.

Where are HTML attributes placed?

Inside the opening tag of an element.

What is the usual syntax of an HTML attribute?

name="value"

Why is the alt attribute important for images?

It provides a text alternative describing the image, improving accessibility.

What is the purpose of an HTML comment?

To provide notes for developers without displaying the comment on the webpage.

Which list should you use when the order of items does not matter?

An unordered list (

).

Which list should you use for ordered steps or rankings?

An ordered list (

).

Which list should you use for terms and their descriptions?

A description list (

), using

for the term and

for its description.

What does ../ mean in a relative path?

It moves up one folder from the current location.

What is a relative path?

A resource location described in relation to the current HTML file.

What is an absolute URL?

A complete web address that specifies the full location of a resource.

Why should forward slashes (/) be used in web paths?

They are the standard path separator for web resources.

If index.html is in MyWebsite/ and an image is in MyWebsite/images/, what relative path points to the image?

images/profile.jpg

If the current file is inside a subfolder and the resource is in its parent folder, what path notation can you use?

../

What HTML element embeds an image?

What HTML element embeds video?

What HTML element embeds audio?

Why should media elements provide meaningful alternatives or fallback content?

To improve accessibility and provide information when the media cannot be displayed or played.

What does the controls attribute do for audio and video?

It displays playback controls to the user.

What HTML element creates a hyperlink?

What attribute specifies where a hyperlink leads?

href

What part of an element becomes clickable?

The content between the opening and closing tags.

What does target="_blank" do?

It opens the linked resource in a new browser tab.

How do you create a link to an email address?

Use an element with an href beginning with mailto:

Why should link text be descriptive instead of saying "click here"?

Descriptive text provides clearer meaning and improves accessibility.

What HTML element creates a table?

What does represent in a table?

A table row.

What does represent?

A table header cell.

What does represent?

A table data cell.

What is the purpose of in a table?

To provide a description or title for the table.

What belongs inside ?

The table's heading rows.

What belongs inside ?

The main data rows.

What is commonly used for?

Totals, summaries, or other footer information.

Why should tables not be used for page layout?

Tables are intended for structured data, while CSS should control page layout.

What is the purpose of the

element?

To group controls and collect user data for processing.

What does the action attribute of a form specify?

Where the submitted form data should be sent.

What does the method attribute specify?

How the form data is submitted to the destination.

Why is important in a form?

It identifies and explains an input field, improving usability and accessibility.

What does the name attribute of a form control do?

It identifies the data when the form is submitted.

What does the required attribute do?

It prevents the form from being submitted when the required field is empty.

What is the purpose of ?

To trigger form submission.

Which input type should you use for names and short text?

text

Which input type provides email

specific validation?

Which input type masks characters such as passwords?

password

When should you use a radio button?

When the user must choose one option from a group.

When should you use checkboxes?

When the user can select multiple options.

Which control is appropriate for a long message?

Which control lets users choose an option from a menu?

What is the purpose of a submit control?

To send the form data for processing.

What is the purpose of

?

To group related form controls.

What is the purpose of

?

To provide a name or description for a

group.

How should a label be connected to its input?

Match the label's for attribute with the input's id.

Why should placeholders not replace labels?

A placeholder is only a temporary hint and does not reliably identify the field.

If a user needs to choose exactly one course from several choices, which control should you use?

Radio buttons.

If a user can select several skills they possess, which control should you use?

Checkboxes.

If a user needs to enter a paragraph

length message, which control should you use?

If you need to organize a class schedule into rows and columns, which HTML feature should you use?

A table.

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

and

If an image is stored in an images folder next to index.html, which type of path is appropriate?

A relative path.