HTML Flashcards

1
Q

What is HTML used for?

A

Content and structure of web pages

HyperText Markup Language

markup aka tags and elements

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

Who develops web standards?

A

World Wide Web Consortium (w3c)

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

HTML History

3 stages

A

HTML, xHTML, HTML5

1990, 2000, 2009

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

Heading tags

A

h1 thru to h6

from most important to least important content

ex. h1 for article name, h2 for section names, h3 for sub-section names, etc.

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

Basic outline of an html file

A

doctype tag
html tag
head tag
body tag
footer tag

each of these have a start tag < >, and end tag </> except doctype

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

meta tag

A

used for describing metadata of the page

charsets like UTF-8, keywords, viewport settings

ex. < meta name=”viewport” content=”device-width, inital-width = 1.0”> sets the html page to fit the device screen’s width

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

empty tags

A

br, img, hr, input, col, meta and link

there are a total of 15, these are some of them

aka self-closing tags

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

anchor tag

A

< a> allows for hyperlinking

in the format < a href=”link_to_url”

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

elements vs attributes

A

an element is the tag itself, an attribute is something you can add to the tag

ex. < a href=”link_to_url”>, a is the element,
href is the attribute

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

script tag

A

adds scripting languages to your html page

ex. < script src=”javascript_file.js”> < /script>

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

head elements

A

meta, title, link, script

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

title tag

A

the title of the document

what you see in a tab name when browsing the internet

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

link tag

A

links the html page to another resource

ex. < link rel=”stylesheet” href=”css_file.css” type=”text/css >

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

body elements

A

h1-h6, p, div, section, article

other elements such as aside, li, ul, ol, br, hr, and a (there are more)

headings, paragraph/division container, broader element, independent content

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

figure tag

A

display content (ex. img) that is important to the main content but its position is unimportant

< figcaption> is nested within

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

html tags review

A

< head>
* < title> < meta /> < link /> < script>
<body>
* < header> < footer> < section> < aside> < figure> < figcaption>
* < p> < div> < h1>…< h6> < ul> < ol> < li> < a>
* < table> < tablecaption> < th> < tr> < td>
* < br> < hr> < img>
* more: < blockquote> < q> < pre> < code> < dl> < dt> < strong>
< em> < nav> < font>

17
Q

table tags

A

< table>, < tr>, < th>, < td>

overall table, table row, table heading, and individual cell

may also include caption, colhead, thead, tfoot, and tbody tags

18
Q

block vs in-line elements

A

block starts on a new line, in-line does not

block ex. div, p, section; in-line ex. a, img, br

an in-line element cannot contain a block element

19
Q

list elements

A

ol or ul tags for ordered and unordered; list items are li tags

lists can be nested, list prefixes can be changed from the default 123