HTML Essential Training 2 of 3 Flashcards

1
Q

1) [Critical Thinking] What’s the difference between the < b > tag and the < strong > tag?
< /strong > < /b>< /b>

A

< b> tag will visually modify the text to be bold, while < strong> tag will do the same thing and tell screen readers to emphasize a word when dictating. < strong> tags are accessibility-friendly

< /strong >< /strong> < /b >

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

What is the character entity for the copyright symbol?

A

& copy;

Without spaces!

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

What is the default behavior of HTML when it encounters more than one space?

A

HTML, by default, only counts the first space as a character. Any additional spaces in the text will be ignored by the browser.

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

What is the character entity for a non breaking space?

A

& nbsp;

Without spaces!

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

What is meant by the term semantics?

A
  • structure documents with tags in a way that illustrates the meaning of the content.
  • search engines can Identify what text is important and what text is footer information.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

The author names 4 sectioning elements. Name 2.

A

1: Navigation tags are sectioning elements
- help structure a webpage with a section to help navigate to other pages within the site.

  1. Section tags are section elements
    - help section a block of content that have a similar theme.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Which element does the author choose to wrap most of the content?

A

The author starts off by wrapping most of his content using paragraph tags. He later rewrites the tags with heading tags so he can structure his outline of his webpage.

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

What is the purpose of the element?

A

A sectioning element used for major navigation blocks. The section links to other pages within the site or links to sections within the page.

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

[Critical Thinking] Why would you have more than one element?

A

Header, aside and footer blocks may contain elements.

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

[Critical Thinking] When should you use an tag?

A

tag should be used to block content that can be published on its own. The tag tells the browser or search engine that content within tags must go together for the content to make sense. Ex) Like an article of clothing,it can be understood for what it is regardless of change in environment or change in context.

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

[Critical Thinking] The purpose of a can be compared somewhat to the purpose of a <div>. What’s the difference?</div>

A

tags group content similar to div tags, but there is a semantic meaning to tags that define the content to the browser. tags are associated with tags .

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

[Critical Thinking] When would you use an element?

A

When you want to display related content as a resource, but is separate from the content being viewed, then use the element. Can also be used to designate ad space.

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

[Critical Thinking] What’s the purpose of the <div> tag?</div>

A

If you think of the < div > tag as a divider or a tab divider, by using the < div > tag, you are telling the browser to group the content within the tags. There is no semantic meaning associated with < div > tag
< /div >< /div >< /div >

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

[Critical Thinking] What is meant by ‘the < div > is the element of last resort’?< /div >

A

In practice, use the semantic tags (over < div > tag) for content so the site is accessibility friendly. Screen readers may have issues figuring out what content is significant if div tags are used to structure content. < /div >

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

[Critical Thinking] How often should we be using the element in a page and why?

A

You can use the tag as many times as you’d like. The element is used to add semantic value to the content. When starting a new section, a header element is used around introductory information for the section. Ex) title, author, logo, nav

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

What is the purpose of the element?

A

element notes extra information you may need, but is not related to element content. element can be placed in top or bottom of a document. Typically footers have contact information, social media links or copyright/trademark disclaimers.

17
Q

[Critical Thinking] How many times can you use a element on a page and why?

A

element can only be used once per page. Element should be used for the main content of the page. Helps screen readers, search engine and bots identify the main content on the page.

18
Q

[Critical Thinking] Why would you apply a role attribute to an element?

A

Adding a role attribute to an element enhances accessibility on sites and applications. The role attribute can act as a shortcut to easily navigate the site with assisted devices. By doing so, you increase the usability of the site to a wider audience.

19
Q

What is the character entity for the copyright symbol?

A

& copy;

Without spaces

20
Q

What is the default behavior of HTML when it encounters more than one space?

A

HTML, by default, only counts the first space as a character. Any additional spaces in the text will be ignored by the browser.

21
Q

What is the character entity for a non breaking space?

A

& nbsp;

Without spaces!

22
Q

What is meant by the term semantics?

A

HTML allows developers to structure documents with tags in a way that illustrates the meaning of the content. By using proper structuring techniques, search engines can Identify what text is important and what text is footer information.

23
Q

The author names 4 sectioning elements. Name 2.

A

1: Navigation tags are sectioning elements that help structure a webpage with a section to help navigate to other pages within the site.
2. Section tags are section elements that help section a block of content that have a similar theme.

24
Q

Which element does the author choose to wrap most of the content?

A

The author starts off by wrapping most of his content using paragraph tags. He later rewrites the tags with heading tags so he can structure his outline of his webpage.

25
Q

What is the purpose of the element?

A

A sectioning element used for major navigation blocks. The section links to other pages within the site or links to sections within the page.

26
Q

[Critical Thinking] Why would you have more than one element?

A

Header, aside and footer blocks may contain elements.

27
Q

[Critical Thinking] When should you use an tag?

A

tag should be used to block content that can be published on its own. The tag tells the browser or search engine that content within tags must go together for the content to make sense. Ex) Like an article of clothing,it can be understood for what it is regardless of change in environment or change in context.

28
Q

[Critical Thinking] The purpose of a can be compared somewhat to the purpose of a <div>. What’s the difference?</div>

A

tags group content similar to div tags, but there is a semantic meaning to tags that define the content to the browser. tags are associated with tags .

29
Q

[Critical Thinking] When would you use an element?

A

When you want to display related content as a resource, but is separate from the content being viewed, then use the element. Can also be used to designate ad space.

30
Q

[Critical Thinking] What’s the purpose of the <div> tag?</div>

A

If you think of the < div > tag as a divider or a tab divider, by using the < div > tag, you are telling the browser to group the content within the tags. There is no semantic meaning associated with < div> tag
< /div > div >< /div >

31
Q

[Critical Thinking] What is meant by ‘the < div > is the element of last resort’?< /div >

A

In practice, use the semantic tags (over <div> tag) for content so the site is accessibility friendly. Screen readers may have issues figuring out what content is significant if div tags are used to structure content. < /div ></div>

32
Q

[Critical Thinking] How often should we be using the element in a page and why?

A

You can use the tag as many times as you’d like. The element is used to add semantic value to the content. When starting a new section, a header element is used around introductory information for the section. Ex) title, author, logo, nav

33
Q

What is the purpose of the element?

A

element notes extra information you may need, but is not related to element content. element can be placed in top or bottom of a document. Typically footers have contact information, social media links or copyright/trademark disclaimers.

34
Q

[Critical Thinking] How many times can you use a element on a page and why?

A

element can only be used once per page. Element should be used for the main content of the page. Helps screen readers, search engine and bots identify the main content on the page.

35
Q

[Critical Thinking] Why would you apply a role attribute to an element?

A

Adding a role attribute to an element enhances accessibility on sites and applications. The role attribute can act as a shortcut to easily navigate the site with assisted devices. By doing so, you increase the usability of the site to a wider audience.

36
Q

Which attribute of the < img > tag holds (finds) the actual image?

A

src=”” attribute searches for the image in designated file path

37
Q

[Critical Thinking] What is the exact syntax for an < img > tag that references an image named rose.jpg in a sub-folder named images? (include an appropriate alt attribute).

A

< img src=”images/rose.jpg” alt=”Picture of a rose”>