HTML Flashcards

1
Q

Where do you put non-visible content about the HTML document?

A

in the head

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

Where do you put visible content about the HTML document?

A

body

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

Where do the <head> and <body> tags go in a valid HTML document?

A

inbetween the html tags

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

What is the purpose of a <!DOCTYPE> declaration?

A

tells the browser what version of html the document is written in

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

give 5 examples of html element types

A

h1-6, <a>, <strong>, <body>, <br></br>, <div>, <span>, <img></img>, …</span></strong></a>

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

What is the purpose of HTML attributes

A

to add additional information (attributes) to elements. Name to the image, etc etc etc, link to image

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

Give an example of an HTML entity (escape character)

A

Copyright, ©

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

How do block-level elements affect the document flow?

A

they always take up the full width of the containing block and start a new line

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

How do inline elements affect the document flow?

A

only take up the amount of context within the elements

dont take up a new line

content after it is on the same line

basically they share space

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

What are the default width and height of a block-level element?

A

width: 100%
height = the height of the content
(height: auto)

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

What are the default width and height of an inline element?

A

width: auto
height: auto

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

What is the difference between an ordered list and an unordered list in HTML?

A

one has numbers one has bullets

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

Is an HTML list a block element or an inline element?

A

block

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

What HTML tag is used to link to another website?

A

<a> aka anchor</a>

called anchor because initial purpose was like how on wikipedia there’s the list of things you can click to go down the page, then it stops where you want, like an anchor

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

What is an absolute URL?

A

a link to another site, always starts with http/https

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

What is a relative URL?

A

link to a local file in your lil’ file place. begins with a / or . or ..

17
Q

How do you indicate the relative link to a parent directory?

A

use ../

18
Q

How do you indicate the relative link to a child directory?

A

directory/

19
Q

How do you indicate the relative link to a grand parent directory?

A

../../

20
Q

How do you indicate the relative link to the same directory?

A

just use the file name 4head, sometimes ./ is needed

21
Q

What is the purpose of an HTML form element?

A

a boundary to hold all the content to submit

22
Q
A

input, select, button, textarea, option

23
Q

Give three examples of type attribute values for HTML <input></input> elements.

A

checked, alt, accept, capture

24
Q

Is an HTML <input></input> element a block element or an inline element?

A

in line

25
Q

What are the six primary HTML elements for creating tables?

A

table, thead, tbody, tr, td, th, tfoot

26
Q

What purpose do the thead and tbody elements serve?

A

head makes the headers of the table body is where the data goes

27
Q

Give two examples of data that would lend itself well to being displayed in a table.

A