Markup and site dev fundamentals Flashcards

1
Q

What is the WAI

A

The web accessibility initiative was created by the W3C - it focuses on user agent (i.e. browser) accessibility, accessibility guidelines, and accessibility for developers

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

what are WCAG

A

Web Content Accesssibility guidelines developed by WAI to provide universal accessibility standards

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

what are key components of a website plan or storyboard

A

statement indicating the purpose and intended audience.

Rough outline of pages needed

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

what is DTD

A

Document type definition - a set of rules in a text file defining structure, syntax, and vocab related to tags and attributes for a corresponding document

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

what is MIME

A

multipurpose internet meail extensions - the protocol that maps file name extensions to the appropriate applications

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

What is SGML

A

standardized general markup language - metalanguage driving HTML and XHTML

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

Which two languages describe the data from which webpages are created, but do not format?

HTML, XHTML, XML, SGML, CSS

A

XML, SGML

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

Which languages describe a documents visual layout HTML, XHTML, XML, SGML

A

HTML and XHTML

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

what is the manifest tag and where does it live

A

manifest lists the address of offline cache manifest - used for offline browsing. Stored in the tag level

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

how to use lang tag

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

what does the pre tag do /pre

A

prese3rves line breaks and spacing as in the original text

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

what are WCAG

A

Web Content Accesssibility guidelines developed by WAI to provide universal accessibility standards

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

what are key components of a website plan or storyboard

A

statement indicating the purpose and intended audience.

Rough outline of pages needed

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

what is DTD

A

Document type definition - a set of rules in a text file defining structure, syntax, and vocab related to tags and attributes for a corresponding document

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

what is unicode

A

a universal character set designed to support all written languages and disciplines (like math)

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

What is SGML

A

standardized general markup language - metalanguage driving HTML and XHTML

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

Which two languages describe the data from which webpages are created, but do not format?

HTML, XHTML, XML, SGML, CSS

A

XML, SGML

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

Which languages describe a documents visual layout HTML, XHTML, XML, SGML

A

HTML and XHTML

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

what is the manifest tag and where does it live

A

manifest lists the address of offline cache manifest - used for offline browsing. Stored in the tag level

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

how to use lang tag

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

what is the meta tag and where does it live

A

meta can include info about page name, descriptions, http data and characters. It lives under

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

what does the pre tag do /pre

A

g

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

how would you align a p tag to center

A

p style=”text-align: center;” text /p

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

which tags create bold and italic text

A

<strong> and <em></em></strong>

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

what is comment syntax in html

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

what is unicode

A

a universal character set designed to support all written languages and disciplines (like math)

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

how many heading styles are there in HTML

A

6

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

what is a css selector

A

the indicator of the element. i.e. body below

body {
background-color: lightblue;
}

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

what is a css property and value

A

the property to be set and the value to set it to (background-color:lightblue)

body {
background-color: lightblue;
}

30
Q

what is a css rule

A

a grouping of selector, property/s, and value/s

31
Q

what is a css declaration

A

grouping of just the property/value pair - i.e. a rule can (and often does) contain multiple declarations

32
Q

what character ends a declaration

A

;

33
Q

how do you comment in css3

A

/* comment here */

34
Q

what color would the paragraph be

p {
    color: blue;
}
p {
    color: red;
}
p {
    color: green;
}
A

green

35
Q

what does the !Important tag do in css

A

overrides normal cascading behavior. use rarely or never

36
Q

what are the three ways to apply css styles to your document

A

declare inline style attribute
link to external style sheet
create an internal style sheet

37
Q

what is external stylesheet syntax in an html document

A
38
Q

What is SASS

A

a preprocessor for CSS3 - allows addition of special features like variables and nested rules

39
Q

What are the three universally supported web image formats

A

GIF, JPEG, PNG

40
Q

what attributes are required for a valid <img></img> tag

A

src and alt

41
Q

What are the two versions of GIF

A

87a and 89a

42
Q

Which version of GIF is more popular and why

A

89a - transparency, interlacing (render gradually), animation

43
Q

Why use PNG over GIF or JPEG

A

supports transparency, interlacing, and compression (but does not support animation)

44
Q

how would I define a class ‘floatleft’ used for an img tag in CSS3

A

img.floatleft {

}

45
Q

what special character represents a space in html

A
46
Q

what color is #FFFFFF in hex

A

white

47
Q

what other values outside of RGB are used for websites

A

Hue, saturation, lightness, alpha

48
Q

define dithering

A

the ability of a computer to display an approximation of color on a webpage by combining RGB values

49
Q

by default, horizontal rules display how

A

with 3d shading

50
Q

what is the default way an img is aligned with text

A

bottom - aligns with the base of the adjoining text

51
Q

in a style sheet, what must you use to separate rules within a selector

A

;

52
Q

what is the standard that applications used to transport information submitted in webforms before server side scripting

A

Common Gateway Interface

53
Q

what does the action attribute of a form tag do

A

action specifies the name and location of the script that is going to process the form - i.e. where it’s going

54
Q

what attributre allows default text to appear inside of a textbox

A

value

55
Q

what attribute controls with width of a textarea

A

cols

56
Q

how do you specify a preselected option for radio button

A

checked=”checked”

57
Q

what happens if you omit the size attribute when using the tag

A

number of items visible will depend on the browser

58
Q

how to allow multiple selection in tag

A

multiple=”multiple”

59
Q

what does the “poster” attribute do for video

A

specifies the default image to be displayed until play is pressed

60
Q

what does the type attribute do in a video

A

specifies the format/MIME type of the video (i.e. MP4 or Ogg

61
Q

what is an image map

A

allows you to split an image by coordinates with different hyperlinks

62
Q

what attribute represents the different clickable regions of an image map

A

area

63
Q

what is interlacing

A

allowing user to see degraded image as it loads

64
Q

how do SVGs work?

A

Uses XML to describe graphics

65
Q

which three major objects are built into JavaScript?

A

Document, navigator, and array

66
Q

what attributes are usable on the HTML5 canvas API

A

Height and Width

67
Q

what is the delineation of responsibilities in two-tier computing?

A

Client is presentation and business logic, server is data

68
Q

why would you use Go server side?

A

Production speed

69
Q

horizontal vs vertical portal

A

horizontal - google. Vertical - CNET

70
Q

who is responsible for MIME types

A

internet assigned numbers authority