HTML 5 Flashcards

1
Q

HTML 5 extended it’s markup from syntactic to what?

A

semantic

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

`Doctype

A

A DOCTYPE is a required preamble.

DOCTYPEs are required for legacy reasons. When omitted, browsers tend to use a different rendering mode that is incompatible with some specifications. Including the DOCTYPE in a document ensures that the browser makes a best-effort attempt at following the relevant specifications.

<!--!DOCTYPE html-->

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

Header tag

A

first element on page

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

fat header

A

Page with h1 and h2 (header and subheader), you can group using h2 ties to h1 as subheader you can now use headers in ‘s

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

footer change

A

footer now relates to nearest ancestor section content– this means you can have multiple footers

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

footers should contain

A

info about section, who wrote it, copywright, etc.

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

article tag

A

new tag should be self contained document, page, etc

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

Article tag to be used for

A

forum posts, blog posts, comments, individual email, article

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

section

A

can section page to subject areas

can mark sections in an article

but dont create standalone rticle–which is the difference btween this and section tag

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

can you have multiple sections in article

A

yes– indicates how article is divided

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

aside tag

A

new tag

a way of saying it’s related to but not part of the main flow

sidebars

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

nav tag

A

used to maerk navigation sections but not every link or list of links or search results

primarily intended for sections that consist of major navigation links

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

mark tag

A

new tag

used to highlight section of text

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

time tag

A

used to dematk time; universal format

<time> 1:30 pm on July 10 2013</time>

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

changed elements

A

address

cite

dl

em

hr

ol

s

small

strong

u

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

address

A

used for contact address of author not postal

can have multiple in onde doc–one per article tag

can be email postal or any other address

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

cite

A

more constrained– technically no longer supposed to mark up a name of a speaker

rather use to mark publication

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

dl

A

now expended to cover any name/value group (glossary usage)

dl

 dt moby dick /dt

dd herman mellivelle /dd

/dl

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

em and i change

A

use em wehn you are subtly changing meaning of a statement

use i for technical terms whose typical typographic presentation is italicized

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

hr

A

used to indicate a paragraph level thematic break

almsot but not quit obsolete

use to create horizontal rule

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

ol

A

two new attrs

start attr to determine what number counting can begin at

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

s tag

A

used to be strikethrough

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

small

A

no longer makes print small

now used for small print as in legal docs

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

strong and b

A

strong indicates importance

b indicates bold without indicating importance

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

forms

A

new input types:

date

time

month

week

range

search

tele

email

color

and related type called data list: progress bar and meter

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

link a css style

A

in header

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

form code with example inner html

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

css3 implementation for slider

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

search tag

A

input type, can take placeholder=”some text”

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

required

A

add required to end of input type,

requires input typr submit following it to really do anything.

The result is a notice that a field is required

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

input type submit can take this param to set its text

A

value=”text”

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

what key word for required allows for multiple entrys seperated by a comma

A

require multiple (will accept just one as well)

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

how do you add an element to a form outside of the closing form tag?

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

how to implement a color picker

A

simple add input type=”color”

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

implement a data list

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

implement a progress bar

A

ignore meter leabel

37
Q

implement a meter bar

A
38
Q

Benefit of audio and video elements of html5?

A

no longer need to require a plugin like flash

39
Q

video element attributes

A

src (takes url)

controls

autoplay

loop

poster (takes a url)– displays image in place of video b4 starting

preload

  • none
  • metadata
  • auto (default)
40
Q

video preload attribute

A

allow for precaching for the video

41
Q

audio attrs

A

srts(url)

controls

autoplay

loop

  • preload
  • non
  • metadata
  • auto (default)
42
Q

&nbps

A

create white space bbetween word or item

43
Q

post request

A

happens when you submit a form

44
Q

get request

A

happens when you request a page

45
Q

’!– comment here –’

A
46
Q

what goes in the header

A

links, titles, includes, css

47
Q
A
48
Q

what does the meta tag do in html 5 (where is it placed also?)

A

insdide the header: tells browser what type of char set you are using

49
Q

if you wternate name (hove-over peraps)ant to have an image with an alt name, hover over perhaps what sht keyword after src

A

alt=””

50
Q

css reset vs cross browser compatability

A

reset tries to make it look similar, cross loads different css

51
Q

difference between meda=”screen” and others

A

alternatives are print

52
Q

whats a wrapper div

A

wraps most of the bodys content into a div

53
Q

how to specify language of a page

A
54
Q

is a div tag a block level element

A

t, a blovk level elem will push elemnts around

55
Q

is a span tag a block level elemnt

A

f, inline, doesnt’ push elements out of way

56
Q

what is a blockquote

A

used to denote a quote, adds some white space around it

57
Q

how to use a quote tag

A

puts quotes around a line using ‘q’

58
Q

code tag

A

changes text to make it obious that somethign is refering to code

59
Q

pre tag

A

keep direct formating, spaces, breaks, etc

60
Q

what is the abbr tag

A

used for abbreviated items. by itself it changes nothing but you can use abbr title=”drug abuse resistane education” so when you hover over the element it will actually create a tool tip

61
Q

what does the addr tag do to the text

A

italicizes it

62
Q

whats the cite tag do

A

italicize

63
Q

what does the wbr tag do

A

its like a conditonal br, it will only break if not enough horizontal room

64
Q

what is the dt tag and dl tag

A

dt=definition title, dl= definition list; dl will add indentiation with know bullets, etc

65
Q

you can use an anchor tag link to link to an element on the page t/f

A

t, using id (#idname)

66
Q

wht does href stand for

A

hyperlink refernece

67
Q

prior to html 5 how could you embed a youtube video

A

object tag: width, src, name, value, script access, interadction, and embed fro cross browser support

68
Q

iframe tag

A

width,height,src

69
Q

table element

A

can set border; rows use tr(row) and td(to hold row content), th is the table header: ex

‘table’

‘thead’

‘tr’

‘th’Table title’/th’ (repeat for second column, and add second tr/td before closing tr)

‘/tr’

‘/thead’

‘tfoot’

‘tr’

‘td’ row text ‘/td’

‘/table’

Table title row text

70
Q

how do you span a cell across columns

A

td colspan=”2”

71
Q

align text in a sell

A

td align=”center” (horizontal)

valign=”top”, center, etc. (vertical)

72
Q

cell padding and spacing and border

A

table border=”5” cellpadding=”5” cellspacing=5”

73
Q

cell spacing does what

A

puts whitespace between cells

74
Q

cell padding does what

A

puts spacing inside cell

75
Q

in creating the form tag, itss attribute of action has to be set to what

you can also set a method attribute that takes what as input

and name does what

A

the page that is loaded after submitting the form; things like post and get;name is how the server knows what forms being used

76
Q

in a form, what keeps a radio button from only allowing one selection

A

the name attribute

77
Q

example of a textarea element

A

‘textarea name=”x” rows =”10” coloumns=”10) (doesnt limit text amount input, just a way of resizing the form

78
Q

how to create drop down box

A

using selct attr with options nested; you can use an optgroup element to divide things up like continenets (Cant select the group, only the sub items within them)

79
Q

fieldset

A

divides forms up by adding a box around them.

80
Q

legend

A

used in a fieldset for a form to name its purpose

81
Q

how to add a label to a form element

A

firslty, the form element needs an id set identical to the label elements name (additionally if you click the label it will auto put your cursor inside its form element)

label for=”id”\ blah /label

82
Q

how to display a copywright symbol using ampersand

A

&copy

83
Q

ampersand for a quote

A

&rsquo

84
Q

adding the word on after a class name “class test on” does what

A

underlines

85
Q

in html, what is the ml

A

markup language– basically those keywords with which you denote a section like div or span or article

86
Q

in html, the default meta char type is what

A

utf-8 (‘meta charset=”utf-8”’)

87
Q

in html5 doctype, what type of doctype is specified

A

just lowercase html ‘!DOCTYPE html’

88
Q

in html what is the ampersand to use a copyright graphic

A

&copy

89
Q

in html5 a ul uses what (numbers/bullets)? how to add a new item to a ul or ol?

A

bullets, ‘li’