HTML Flashcards

1
Q

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

A

Within the head tag

-Also known as meta data (gives us ability to further describe our document)

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

Within the body tag

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

The head and body tag are children elements of the HTML tag. These tags are siblings

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

What is the purpose of a doc type declaration?

A

Tells the browser which version of HTML the page is written in

purpose: ensures that the web page is parsed the same way by different web browsers

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

Give five examples of HTML element types.

A

Head, body, title, paragraph, span, div, etc.

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

Provide additional info about the contents of an element

  • Found in opening tag of an element
  • Made up of the attribute name and value
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

& copy ; = copy right symbol
& lt ; = less than
*no space

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 will always start on a new line in the browser and take up the entire horizontal space it occupies

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

They continue on the same line as their neighboring elements; will only take as much space as it needs

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: takes up full width; 100%

Height: equal to height of its content or 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; as much as needed

Height: auto; as much as needed

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
  • Ordered list are numbered to indicate order

- Unordered list have bullet points

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

The <a> anchor tag w/ href attribute</a>

</a>

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

What is an absolute URL?

A

Absolute - a full web address for a different site

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

What is a relative URL?

A

Relative - a url that links to other pages within the same site; looks more like a file path

17
Q

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

A

By using “ ../ “

18
Q

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

A

By using the name of the child folder/directory, followed by a forward slash, then the file name

19
Q

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

A

Do “ ../ “ twice to indicate that you wanna go two folders/directory then follow with file name

20
Q

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

A

By using the same file name

21
Q

What is the purpose of an HTML form element?

A

Purpose: represents a document section containing interactive controls for submitting information to a web server.

22
Q

Give five examples of form control elements.

A

< input >

< button >

< fieldset >

< label >

< select >

< textarea >

23
Q

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

(Give three examples of < input > type values)

A

button, submit, email, search, text, etc.

ex.
< input type=”button > or < input type=”submit”>

24
Q

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

A

Inline

25
Q

What are the six primary HTML elements for creating tables?

A
Table
Table row(tr)
Table data(td)
Table heading(th)
Table head(thead)
Table body(tbody)
26
Q

What purpose do the thead and tbody elements serve?

A

thead - structures the headings in our table and this tells browsers what each column contains

tbody - structures all of the content, so that the browser knows what the actual content of the table is

27
Q

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

A

Calendar

Financial reports