HTML Flashcards

1
Q

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

A

In between the head opening and closing element tags

This will help describe the content of the web page

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

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

A

In between the body opening and closing element tags

This will display in the web browser

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

In between the html opening and closing element tags

The html element tags will allow html code to be read by the browser

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

This declaration tells the browser what html version is going to be used

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
h1
h2
h3
p
form
span
div
button
input
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

Attributes provide additional information about, and adds functionality to, the contents of an element.

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

Angled brackets < (& lt ;)
ampersand & (& amp ;)

These characters are reserved for HTML Code because these entities can be used as scripts

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

It affects the document by starting on a new line and takes up the full width available

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

Inline elements do not affect the document flow

It only takes up as much space as the content inside of the inline element

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

The height takes up as much space as the content inside of the block-level element

The width will use the full space available

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

The default width and height of an inline element is how much space the content inside of the inline element uses

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

An ordered list will label li elements with order. Such as numbers, letters, or roman numerals.

An unordered list will label li elements without order. Such as bullet points, squares, or diamonds.

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

A list is a block element

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

An anchor tag is used with an href attribute with a value of an absolute URL

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

What is an absolute URL?

A

An absolute URL is a link to an outside resource

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

What is a relative URL?

A

A relative URL is a link to a webpage from the same website, from one file to another

A link to a local directory.

17
Q

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

A

../link.file-type

18
Q

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

A

folder/link.file-type

19
Q

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

A

../../link.file-type

20
Q

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

A

link.file-type

21
Q

What is the purpose of an HTML form element?

A

Allows you to collect information from the user

Allows the user to interact with the webpage

Allows the user to perform other functions online

22
Q

Give five examples of form control elements.

A
Label
Input
Textarea
Select
Option
Button
23
Q

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

A

text, radio, checkbox, submit, e-mail, number, password

24
Q

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

A

Inline-block element, you can set the width

25
Q

What are the six primary HTML elements for creating tables?

A

Table, thead, tbody, tr, th, td

26
Q

What purpose do the thead and tbody elements serve?

A

The thead element defines a set of rows defining the head of the columns of the table

The tbody element encapsulates a set of table rows. Indicating that they comprise the body of the table

They provide semantic meaning to what they should be for

27
Q

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

A

Financial Reports, TV Schedule, Sports Results