Content Identification, HTML page, Forms, Interactivity, Tables

Question 1

This global attribute helps define the language of an element: the language that non-editable elements are written in, or the language that the editable elements should be written in by the user.

Answer 1

The lang attribute specifies the language of the element’s content.

Common examples are “en-US” for English or “en-GB” for English from Great Britain.

This attribuate can be placed on any element.

Question 2

Which attribute specifies the text direction of the element’s content?

Answer 2

The dir attribute specifies the text direction of the element’s content. “ltr” is left to right and “rtl” is right to left.

Question 3

When used by the meta element, this attribute specifies the character encoding for the HTML document.

Answer 3

The meta element specifies the character encoding for the HTML document. It’s place between the head tag.

Question 4

This tag defines a division or a section in an HTML document.

Answer 4

The div tag.

Use to mark a phrase or group of elements where other elements may not make sense.

All the global attriburtes such as class, id, lang, and aria roles apply.

Any sort of content can be put inside the div tag but use as a last resort.

Question 5

This element is an inline container used to mark up a part of a text, or a part of a document.

Answer 5

The span tag.

Much like the div tag, the span tag is used to mark up a part of a text, or a part of a document where other elements may not make sense. All the global attriburtes such as class, id, lang, and aria roles apply. Use as a last resort.

Question 6

This declaration is not an HTML tag. It is an “information” to the browser about what document type to expect.

Answer 6

All HTML documents must start with a DOCTYPE declaration.

Question 7

What element contains information the browser needs to know though it won’t be displayed on the page?

Answer 7

The head element.

It is a container for metadata and is placed between the html tag and the body tag.

Question 8

This element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

Answer 8

The body element contains the information and content that will be displayed on the page.

Question 9

The element defines the title of the document and is shown in the browser’s title bar or in the page’s tab.

Answer 9

The title element.

Question 10

Which meta element should be included on all web pages? It’s refers to the user’s visible area of a web page. It varies with the device - it will be smaller on a mobile phone than on a computer screen.

Answer 10

Setting the viewport in the meta tag gives the browser instructions on how to control the page’s dimensions and scaling.

The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).

The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.

Question 11

This tag defines the relationship between the current document and an external resource.

Answer 11

The link element links to a range of other assets we want to load.

The link tag is most often used to link to external style sheets.

Question 12

Which attribute tells the browser which kind of asset it is?

Answer 12

The rel attribute specifies the relationship between the current document and the linked document/resource.

Question 13

This attribute provides the URL to the asset.

Answer 13

The href attribute specifies the link’s destination or location of external resources such as a style sheet file.

Question 14

This element and attribute points to an external JavaScript file.

Answer 14

The script element and src attribute specifies the URL of an external script file.

Question 15

This element wraps around the main content of the page.

Answer 15

The main element

It’s only used once per webpage and it tells the browser where the main content is.

Question 16

This element is used to mark places on the page where content is a header.

Answer 16

The header element is used to wrap headers in the content, such as a logo, navigation, or site header, or article name or publication date.

It is not the same as the head tag which is never displayed to users and where the meta data of the file lives.

Question 17

This element is used to mark places on the page where content is a footer.

Answer 17

The footer element.

Links, copyright, extra information about the company.

Question 18

This element is wrapped around any instance of an article.

Answer 18

The article element.

A tweet or social media post can be an article. It means that this content is a unit.

Question 19

This element is used to wrap around sections of content.

Answer 19

The section element.

A long essay broken into chucks. This element could mark each segment.

Question 20

This element is used to mark something that is off to the side.

Answer 20

The aside element.

Such as advertisements. Something perhaps that’s not part of the flow.

Question 21

Which elements used to collect user input?

Answer 21

The form element is used to create an HTML form for user input

The label element defines a label for many form elements.

The input element is the most used form element.

Question 22

What elements are used to define a simple HTML table?

Answer 22

The table element defines a table.

Each table row is defined with a tr tag.

Each table header is defined with a th tag.

Each table data/cell is defined with a td tag.