HTML Flashcards

(27 cards)

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?

25
What are the six primary HTML elements for creating tables?
``` Table Table row(tr) Table data(td) Table heading(th) Table head(thead) Table body(tbody) ```
26
What purpose do the thead and tbody elements serve?
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
Give two examples of data that would lend itself well to being displayed in a table.
Calendar | Financial reports