1.0 HTML Semantic Markup

Question 1

What does semantic HTML mean?

Answer 1

It helps give structure to a website page by defining important sections.

Question 2

What are the 3 main types of semantic markup on a web page?

Answer 2

Header, Main, and Footer

Question 3

How does semantic markup impact search engines?

Answer 3

It helps scan websites for relevant sections.

Question 4

How does semantic help people using assistive technologies?

Answer 4

Semantic HTML helps devices & apps read the website page out loud.

Question 5

What goes into the header?

Answer 5

Logo, navigation, and introductory information

Question 6

What goes into the main content?

Answer 6

Articles, blogs, images, videos, etc. It is literally the “main enchilada” The content people came to see.

Question 7

What goes into the footer?

Answer 7

Navigation links, copyright, website creator

Question 8

What’s the HTML tag for header?

Answer 8

header

Question 9

What’s the HTML tag for the footer?

Answer 9

footer

Question 10

What’s the HTML tag for the main content?

Answer 10

main

Question 11

What is section mean in terms of semantics?

Answer 11

Main categories of page content, often brought together by shared purpose or topic

Question 12

What does aside mean?

Answer 12

Aside is the same as sidebar.

Sidebar appears left or right of the main content

Think WordPress sidebar

Question 13

What’s the meaning of article in terms of semantics?

Answer 13

It’s a group of content that’s independent enough to stand alone or be self-contained as a chunk of content.

Question 14

Why are typography elements like (h1-h6, p) all part of semantics?

Answer 14

It conveys order of importance for text, via visual hierarchy.

Question 15

What is the D.O.M.?

Answer 15

D.O.M. stands for document object model

Question 16

What are 3 types of articles that are self-contained?

Answer 16

Examples: article, blog post, forum post

Question 17

What is HTML?

Answer 17

HTML stands for hypertext markup language.

Question 18

What does hypertext mean?

Answer 18

Hypertext means it uses keywords to communicate to the browser how information is meant to be displayed in a visual way.

Question 19

Why is it a markup language?

Answer 19

It’s a language because it has its rules for how it works.

Question 20

What role does HTML serve in front end programming?

Answer 20

HTML makes it possible to see text, images, and video on a website.

Question 21

How do you create a link using HTML tags?

Answer 21

Use ahref

Question 22

What does the a stand for from a href html?

Answer 22

a stands for attribute

Question 23

What is the href represent?

Answer 23

href represents the attribute name

Question 24

What is the attribute value in a link?

Answer 24

The attribute value is defined via a URL.

Question 25

What does a **hyperlink** do?

Answer 25

A hyperlink connects website pages together, from either internal or external source.

Question 26

What does URL stand for?

Answer 26

**Uniform Resource Locator**

Question 27

What is the purpose of URLs (unique resource locators)?

Answer 27

A URL is nothing more than the address of a given unique resource on the Web.

Question 28

What resources are linked to via URLs?

Answer 28

Each valid URL points to a unique resource (HTML page, a CSS document, an image, etc.)

Question 29

What purpose do URLs serve on the web?

Answer 29

URLs are the mechanism used by browsers to **retrieve** any published **resource** on the web.

Question 30

Does Brainscape accept gif images?

Answer 30

Question 31

What is doctype html?

Answer 31

A piece of **code** that tells the **browser** what kind of **information** it’s getting, so that it can **display** your web page properly.

Question 32

What is the proper HTML syntax for doctype?

Answer 32

Question 33

Between which HTML tag must all HTML tags go?

Answer 33

All of your code must be between tags.

Question 34

Inside of the head tag, what bits of information go within it?

Answer 34

behind-the-scenes information title of your web page, and a links to a CSS stylesheets.

Question 35

Is the title tag content seen on the website page?

Answer 35

No. It's seen in the tab It's also seen in search engine results.

Question 36

What's the HTML for the title tag?

Answer 36

Question 37

What content is contained within the HTML **body** tag?

Answer 37

-- header, navigation, images, content -- all of those things goes between the body tags.

Question 38

What's the purpose of **alt** text?

Answer 38

It summarizes the content of the image for robots & web browsers.

Question 39

What's the **definition** of **alt** text?

Answer 39

Alt is short for alternative text.

Question 40

When should **alt** appear with **images**? Why?

Answer 40

Always! For accessibility purposes For SEO purposes

Question 41

What does the **image attribute** of **src** do?

Answer 41

Tells the browser where the image is located.

Question 42

Can an image src be internal or external?

Answer 42

It's possible to do both external and internal. You can link to an image from your website’s files, or from an outside URL.

Question 43

What's the HTML structure for paragraphs?

Answer 43

The paragraph tag puts text into paragraphs. It's usually marked by the following p tags.

Question 44

What is an anchor tag?

Answer 44

It's usually marked by an a

Question 45

What does the HTML **meta charset** mean?

Answer 45

It defines the character set used in the HTML document for encoding purposes.

Question 46

What's the full syntax for meta charset?

Answer 46