HTML Flashcards

1
Q

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

A

We put them in between the head element.

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

We put them inside the body element.

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

Where do the and tags go in a valid HTML document?

A

It goes inside the HTML element. Head is below the HTML element opening tag and body is below the head closing element tag.

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

What is the purpose of a declaration?

A

To determine which version of HTML is being used.

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

What are elements?

A

Elements are designators that define the structure and content of objects within a page. Identified by the use of less-than and greater than angle brackets <>, that is surrounded by the element name.

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

What are tags?

A

The use of < > surrounding an element creates what is known as a tag. Tags most commonly occur in pairs of opening and closing tags.

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

What are attributes?

A

Attributes are properties used to provide additional information about an element.

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

What is an id attribute?

A

id identifies an element.

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

What is a class attribute?

A

Which classifies an element.

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

Give five examples of HTML element types.

A
o	<p></p>
o	<span></span>
o	<ol><ol>
o	</ol></ol><ul></ul>
o
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is the purpose of HTML attributes?

A

Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts: a name and a value, separated by the equal sign.

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

Give an example of an HTML entity (escape character).

A
  • © for Copyright (this is how your write it ” © Pokemon “ )
  • ® for Trademark
  • See pg. 193-194 of HTML & CSS by Jon Duckett
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

How do block-level elements affect the document flow?

A

Takes the entire width of the website or whatever element inside of it.

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

How do inline elements affect the document flow?

A

An inline element does not start on a new line and only takes up as much width as necessary. Wherever you put them in, they are there.

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

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

A

o Width - Full width of the block element. (eg. h1 it will be the default size of the total width)
o Height - It will be determined of the content

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

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

A

The content will define the height and width of the inline element.

17
Q

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

A

The ordered list is ordered and is in numerical order and the unordered list is unordered and is usually rendered as a bulleted list.

18
Q

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

A

o It is block element

19
Q

What HTML tag is used to link to another website?

A

o <a> </a> - eg. <a> </a> (using a element with href attribute)
o The information between the opening and closing tag is called link text. The value of the href attribute is where you want people to go to.

20
Q

What is an absolute URL (uniformed resource locator) ?

A

o It is when you are linking to a different website and by using the full web address for the site (starts with the domain name followed by the path of a specific page).

21
Q

What is a relative URL?

A

o When linking to other pages within the same site. ( no need to specify the domain name-going to one file to another)

22
Q

How do you read this?

<a>Ask</a>

A

Opening tag for the a element, href attribute with a value of absolute path followed by text content closing tag for the a element.

23
Q

What attribute should we add inside the link if we do not what the visitors to go out of our website?

A

-we should add the attribute (target=”_blank” )

24
Q

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

A

o We need to use ../ forward slash to indicate the folder above the current one, then follow it with the file name.

25
Q

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

A

o For a child folder, use the name of the child folder, followed by a forward slash ( / ), then the file name

26
Q

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

A

o Repeat the ../ forward slash to indicate that you want to go up two folders (rather than on), then follow it with the file name.

27
Q

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

A

o To link to a file in the same folder, just use the file name. (nothing else is different)

28
Q

What is the purpose of an HTML form element?

A

o To collect data from the users

29
Q

Give five examples of form control elements.

A

o Adding Text: text input, password input, text area, email, etc.
o Making Choices: radio buttons, checkboxes, drop-down boxes
o Submitting Forms: submit buttons, image buttons
o Uploading files: file upload

30
Q

Give three examples of type attribute values for HTML elements.

A

o

o “radio” , “checkbox”, “email” , “submit”

31
Q

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

A

o Inline element because it always goes after the element.

32
Q

• Every form has an

A

• Every form has an action attribute.

33
Q

• The id and the for should have the same

A

“name or identity”

34
Q

• What are the six primary HTML elements for creating tables?

A

o Table, Thead, Tbody, tr, td, th, tfooter

35
Q

What is the set-up for the table element?

A
//element use to create a table
	 //usually use for long tables along with the  and //indicates the start of each row (tr=table row)
			//each cell of a table is represented using a td element (td=table data)
			//represent the heading for either row or a column (td=table head)
36
Q

• What purpose do the thead and tbody elements serve?

A

o It help people who use screen readers and also used for styling.

37
Q

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

A

o StockMarket

o Schedule