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.

A

content

17
Q

True or False?

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

A

True

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
Q

What is the tag to create table header cells?

A

th

26
Q

dt

A

Data terms in description lists

27
Q

______ are the descriptions associated to the dt elements.

A

dd in description lists

28
Q

__________ 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

A

address

29
Q

dfn

A

dfn is a definition term and is used to highlight the first use of a term.

30
Q

What can be used to reverse the direction of the text, and can be used to display languages that read right to left?

A

bdo with the value of the required attribute dir can be ltr (left to right) or rtl (right to left).

31
Q

What is used to display editorial insertions and deletions?

A

ins and del with datetime and cite attributes

ins element is typically shown underlined
del element is usually displayed with a strikethrough

32
Q

HTML5 sectioning tags that provide more semantic meaning to content?

A

articles, headers, footers, navigation

33
Q

An _______ element can be used to mark up a standalone section of content.

A

article

34
Q

Section

A

A section element represents a more general section and could be used to split up an article

35
Q

Which tags can be used to create a header and foooter?

A

head and footer

36
Q

An ________ can be used to represent content that is related the content surrounding it.

A

aside

37
Q

nav

A

Used to mark up a group of navigation links.

38
Q

What are the two tags for including figures?

A

figure and figcaption

39
Q

What is HTML5Shiv?

A

A small piece of JavaScript, slotted in to your head element, that allows older browsers to use new HTML 5 tags.