Intermediate HTML Flashcards

1
Q

HTML is all about?

A

Applying meaning to content

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

Whereas most HTML tags apply meaning ______ tags apply no meaning at all.

A

span and div

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

Span and Div tags are actually used quite extensively in conjunction with ________.

A

CSS

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

What are span and div more specifically used for?

A

They are used to group together a chunk of HTML and hook some information onto that chunk, most commonly with the attributes class and id to associate the element with a class or id CSS selector.

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

The difference between span and div

A

A span element is in-line and usually used for a small chunk of HTML inside a line

A div (division) element is block-line and used to group larger chunks of code

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

True or False? div, and especially span, shouldn’t actually be used that often

A

True: Whenever there is a sensible alternative that should be used instead

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

________ is used to markup an abbreviation, a shortened form of a word or phrase.

A

abbr

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

What are the two tags used for quotes?

A

blockquote and q

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

What’s the difference between blockquote and q?

A

q is used for shorter, in-line quotations

blockquote is generally used for standalone often multi-line quotations

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

How to create citations?

A

cite tag

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

What is the code tag used for? What are the related tags?

A

code is used to represent any form of computer code
var for variables
samp for sample output
kbd (keyboard) for user input

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

How to create preformatted text?

A

pre - It takes notice of every character in it, including the white space

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

What is the pre tag most commonly used for?

A

It is most commonly used for blocks of code, where spacing, such as indentations, can be relevant.

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

What is used by the likes of search engines to catalog information about the web page?

A

Meta tags

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

What attributes can the meta tag contain?

A
  1. ) charset
  2. ) name
  3. ) http-equiv
  4. ) content
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

When the name or http-equiv attribute is used, the _____ attribute is then used in conjunction with them to apply meta data itself.

17
Q

True or False?

With the meta tag the name attribute can be anything you like.

18
Q

What are the most commonly used names with the meta tag?

A

author, description, and keywords

19
Q

___________ often used by search engines (such as Google) to display a description of a web page in its search results.

A

description attribute with the meta tag

20
Q

Why aren’t meta tags as important as they used to be?

A

Nowadays most search engines use the actual content of the page itself.

21
Q

What is an HTTP header?

A

Information sent to the server where the web page is held.

http-equiv is used to make an HTTP header

22
Q

What values can the http-equiv meta tag take?

A
  1. ) content-type: defining the character set being used
  2. ) default-style: the preferred style-sheet
  3. ) refresh: refresh the page
23
Q

What is the equivalent of this?

meta http-equiv=”content-type” content=”text/html; charset=utf-8”

A

meta charset=”utf-8”

24
Q

What table data cell attributes can be used to merge cells?

A

rowspan and colspan

25
What is the tag to create table header cells?
th
26
dt
Data terms in description lists
27
______ are the descriptions associated to the dt elements.
dd in description lists
28
__________ should be used specifically for the contact details relating either to the entire web page (and so only used once) or to an article element
address
29
dfn
dfn is a definition term and is used to highlight the first use of a term.
30
What can be used to reverse the direction of the text, and can be used to display languages that read right to left?
bdo with the value of the required attribute dir can be ltr (left to right) or rtl (right to left).
31
What is used to display editorial insertions and deletions?
ins and del with datetime and cite attributes ins element is typically shown underlined del element is usually displayed with a strikethrough
32
HTML5 sectioning tags that provide more semantic meaning to content?
articles, headers, footers, navigation
33
An _______ element can be used to mark up a standalone section of content.
article
34
Section
A section element represents a more general section and could be used to split up an article
35
Which tags can be used to create a header and foooter?
head and footer
36
An ________ can be used to represent content that is related the content surrounding it.
aside
37
nav
Used to mark up a group of navigation links.
38
What are the two tags for including figures?
figure and figcaption
39
What is HTML5Shiv?
A small piece of JavaScript, slotted in to your head element, that allows older browsers to use new HTML 5 tags.