Basic HTML

Question 1

Try to write out the structure of an HTML5 boilerplate.

Answer 1

Question 2

What does “< !DOCTYPE html >” do?

Answer 2

Declaration is an instruction to the web browser to parse the page as HTML5.

Question 3

What is the root element of which all other elements are children of?

Answer 3

The HTML element

Question 4

What does the head element do?

< head >< /head >

Answer 4

The head element contains metadata about the HTML document.

This is where we bundle together the various elements that tell the browser about our document.

Question 5

What does the meta element do?

< meta >

Answer 5

Metadata. The meta element is versatile. Each instance contains different information about the document

Question 6

What does the title element do?

< title >< / title >

Answer 6

Web browsers display the text in the title element in the browser tab.

Web crawlers also look to this element to help classify web pages, so it plays an important part in SEO.

The title element is required for all HTML documents.

Question 7

What does the link element do?

< link >

Answer 7

The link element creates a link between the HTML document and other resources, such as stylesheets.

Question 8

What does the body element do?

< body >< /body>

Answer 8

Delineates the main displayable elements of a web page.

Question 9

What does the script element do?

< script >< /script >

Answer 9

The script element is used to define the frontend JavaScript for a web page.

It can either link to an external JS file (which is how we’ll use it in this course) or contain scripts directly in the HTML file.

The script element can live in the

or the depending on which features you want to load first.

Question 10

What does this line do:

< html lang=”en” >

Answer 10

lang attribute identifies the language of text content.

Question 11

What does this line do?

< meta charset=”UTF-8” >

Answer 11

charset defines the character encoding for the doc.

Question 12

What does this line do:

<meta name=”viewport” content=”width=device-width, initial-scale=1”>

Answer 12

width=device-width sets the width of the page to follow the screen-width of the device.

initial-scale=1 sets the zoom level when the page is loaded for the first time.

Question 13

What does ‘name=”viewport”’ do?

Answer 13

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

Question 14

What does this line do:

<meta http-equiv=”X-UA-Compatible” content=”ie=edge”>

Answer 14

Used to solve compatibility issues.

Chooses what version of IE the page should be rendered as.

Question 15

What does this line do:

<meta name=”description” content=””>

Answer 15

Provides brief summary of a web page.

Search engines often display the meta description (typically up to 160 char long).

Question 16

What is the < div > tag used for?

Answer 16

Generic container element used to group together content.

Question 17

What is HTML?

Answer 17

(Hyper Text Markup Language), which is the language used to describe the structure of a web page.