Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

html * css > Lesson 2 > Flashcards

Lesson 2 Flashcards

1
Q

what are semantics

A

the practice of giving content on the page meaning and structure by using the proper element. Semantic code describes the value of content on a page, regardless of the style or appearance of that content.

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

what are semantics

A

the practice of giving content on the page meaning and structure by using the proper element. Semantic code describes the value of content on a page, regardless of the style or appearance of that content.

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

what is a block element

A

block elements begin on a new line stacking one on top of the other and occupy any available width they may be nested one within the other and wrap inline elements(used for larger pieces of content)

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

what is an inline element

A

does not begin on a new line. falls into the normal flow of a document, lining up one after the other and only maintain the width of their content. may be nested within one another however they cannot wrap block level elements.(used for smaller pieces of content)

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

<div></div>

A

block-level element that is commonly used to identify large groupings of content, and which helps to build a web page’s layout and design.

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

<span></span>

A

an inline-level element commonly used to identify smaller groupings of text within a block-level element.

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

comment

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

heading

A

block level elements
Headings help to quickly break up content and establish hierarchy, and they are key identifiers for users reading a page. They also help search engines to index and determine the content on a page.(should not be used to make text bold or big there are better ways to do that)

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

paragraphs

A

Headings are often followed by supporting paragraphs. Paragraphs are defined using the <p> block-level element. Paragraphs can appear one after the other, adding information to a page as desired. </p>

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

bold

A

The <b> element, on the other hand, semantically means to stylistically offset text, which isn’t always the best choice for text deserving prominent attention</b>

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

bold

A

The <b> element, on the other hand, semantically means to stylistically offset text, which isn’t always the best choice for text deserving prominent attention</b>

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

what is a block element

A

block elements begin on a new line stacking one on top of the other and occupy any available width they may be nested one within the other and wrap inline elements(used for larger pieces of content)

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

what is an inline element

A

does not begin on a new line. falls into the normal flow of a document, lining up one after the other and only maintain the width of their content. may be nested within one another however they cannot wrap block level elements.(used for smaller pieces of content)

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

<div></div>

A

block-level element that is commonly used to identify large groupings of content, and which helps to build a web page’s layout and design.

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

<span></span>

A

an inline-level element commonly used to identify smaller groupings of text within a block-level element.

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

comment

17
Q

heading

A

block level elements
Headings help to quickly break up content and establish hierarchy, and they are key identifiers for users reading a page. They also help search engines to index and determine the content on a page.(should not be used to make text bold or big there are better ways to do that)

18
Q

paragraphs

A

Headings are often followed by supporting paragraphs. Paragraphs are defined using the <p> block-level element. Paragraphs can appear one after the other, adding information to a page as desired. </p>

19
Q

strong

A

To make text bold and place a strong importance on it, we’ll use the <strong> inline-level element.</strong>

20
Q

bold

A

The <b> element, on the other hand, semantically means to stylistically offset text, which isn’t always the best choice for text deserving prominent attention</b>

21
Q

italicize

A

To italicize text, thereby placing emphasis on it, we’ll use the <em> inline-level element.
The other option, the <i> element, is used semantically to convey text in an alternative voice or tone, almost as if it were placed in quotation marks</i></em>

22
Q

header

A

The element, like it sounds, is used to identify the top of a page, article, section, or other segment of a page. In general, the element may include a heading, introductory text, and even navigation.

23
Q

navigation

A

The element identifies a section of major navigational links on a page. The element should be reserved for primary navigation sections only, such as global navigation, a table of contents, previous/next links, or other noteworthy groups of navigational links.

24
Q

article

A

The element identifies a section of major navigational links on a page. The element should be reserved for primary navigation sections only, such as global navigation, a table of contents, previous/next links, or other noteworthy groups of navigational links.

25
Q

section

A

The element is used to identify a thematic grouping of content, which generally, but not always, includes a heading. The grouping of content within the element may be generic in nature, but it’s useful to identify all of the content as related.

26
Q

aside

A

The element holds content, such as sidebars, inserts, or brief explanations, that is tangentially related to the content surrounding it. When used within an element, for example, the element may identify content related to the author of the article.

27
Q

footer

A

The element identifies the closing or end of a page, article, section, or other segment of a page. Generally the element is found at the bottom of its parent. Content within the element should be relative information and should not diverge from the document or section it is included within.

28
Q

the small element

A

semantically represents side comments and small print—perfect for our copyright.

29
Q

mailto

A

<a>…</a>

30
Q

open new window

A

<a></a>

31
Q

link back to top

A

…
<a>Back to top</a>
…

32
Q

summary

A

Semantics, as discussed within this lesson, are essential for providing our HTML with structure and meaning. Moving forward we’ll periodically introduce new elements, all of which will come with their own semantic meaning. It is the meaning of all of these elements that will provide our content with the most value.

Once again, in this lesson we covered the following:

What semantics are and why they are important

<div>s and s, and the difference between block- and inline-level elements
Which text-based elements best represent the content of a page
The HTML5 structural elements and how to define the structure and organization of our content and page
How to use hyperlinks to navigate between web pages or websites
Hopefully you’re starting to feel pretty good about HTML. There is still quite a bit to learn, but the foundation is in place. Next up, we’ll take a deeper look into CSS.</div>

html * css (12 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions