1.0 HTML Semantic Markup Flashcards

1
Q

What does semantic HTML mean?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

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

A

Header, Main, and Footer

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

How does semantic markup impact search engines?

A

It helps scan websites for relevant sections.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

How does semantic help people using assistive technologies?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What goes into the header?

A

Logo, navigation, and introductory information

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What goes into the main content?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What goes into the footer?

A

Navigation links, copyright, website creator

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What’s the HTML tag for header?

A

header

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What’s the HTML tag for the footer?

A

footer

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What’s the HTML tag for the main content?

A

main

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is section mean in terms of semantics?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What does aside mean?

A

Aside is the same as sidebar.

Sidebar appears left or right of the main content

Think WordPress sidebar

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

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

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

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

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What is the D.O.M.?

A

D.O.M. stands for document object model

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

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

A

Examples: article, blog post, forum post

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

What is HTML?

A

HTML stands for hypertext markup language.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

What does hypertext mean?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Why is it a markup language?

A

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

20
Q

What role does HTML serve in front end programming?

A

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

21
Q

How do you create a link using HTML tags?

A

Use ahref

22
Q

What does the a stand for from a href html?

A

a stands for attribute

23
Q

What is the href represent?

A

href represents the attribute name

24
Q

What is the attribute value in a link?

A

The attribute value is defined via a URL.

25
Q

What does a hyperlink do?

A

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

26
Q

What does URL stand for?

A

Uniform Resource Locator

27
Q

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

A

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

28
Q

What resources are linked to via URLs?

A

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

29
Q

What purpose do URLs serve on the web?

A

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

30
Q

Does Brainscape accept gif images?

A
31
Q

What is doctype html?

A

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

32
Q

What is the proper HTML syntax for doctype?

A
33
Q

Between which HTML tag must all HTML tags go?

A

All of your code must be between tags.

34
Q

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

A

behind-the-scenes information

title of your web page, and a

links to a CSS stylesheets.

35
Q

Is the title tag content seen on the website page?

A

No.

It’s seen in the tab

It’s also seen in search engine results.

36
Q

What’s the HTML for the title tag?

A
37
Q

What content is contained within the HTML body tag?

A

– header,

navigation,

images,

content –

all of those things goes between the body tags.

38
Q

What’s the purpose of alt text?

A

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

39
Q

What’s the definition of alt text?

A

Alt is short for alternative text.

40
Q

When should alt appear with images? Why?

A

Always!

For accessibility purposes

For SEO purposes

41
Q

What does the image attribute of src do?

A

Tells the browser where the image is located.

42
Q

Can an image src be internal or external?

A

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.

43
Q

What’s the HTML structure for paragraphs?

A

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

44
Q

What is an anchor tag?

A

It’s usually marked by an a

45
Q

What does the HTML meta charset mean?

A

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

46
Q

What’s the full syntax for meta charset?

A
47
Q
A