HTML Flashcards

1
Q

What are the heading tags in order of importance?

A
<h1> </h1>
<h2></h2>
.
.
.
<h6></h6>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

How do you write a paragraph of text?

A
<p> Paragraph here! </p>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What does the <b></b> tag do?

A

The bold tag is a visible tag that bolds the text between the tag.

This tag is purely for visuals.

Note: The bold tag is not a semantic tag and does not add additional meaning to text.

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

What does the <i></i> tags do?

A

The italic tag is a visible tag that italicizes text.

This tag is purely for visuals.

Note: The italic tag is not a semantic tag and does not add additional meaning to the text.

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

How do you apply a superscript?

Example: 4^2 <—- The power of 2 is the superscript.

A
<sup>text</sup>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

How do you apply a subscript?

Example: H20 <—– The 2 is a subscript.

A
<sub>text</sub>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Describe white space collapsing?

Give an example

A

White space collapsing means that multiple white spaces in an element collapse to one.

<p>The moon is drifting away from Earth.</p>

OUTPUT: The moon is drifting away from Earth.

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

How do you add a line break in text?

A line break means you are pushing text to the next line.

A
<p> This text will show on the first line and <br > this text will show on the next line </p>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

How do you create a line to seperate text?

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

How do we tell the browser that we are using HTML?

This goes at the top of any html page.

A
<!DOCTYPE html>

Tells browser whwat type of document to expect

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

How do you encapsulate html code?

What is the outer most tag in an html document?

A
<html></html>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is the purpose of the <head></head> tag?

A

The head tag holds information about the page. The head usually is above the body tag. The head holds meta data about the page but not data that will be shown on the page.

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

How do you place a title for your web page in the browser?

Usually above the search bar or on a tab for the browser

A

Use the <title></title> tags

The title tags go in the <head> portion of a web document

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

Where do you write html that will be shown on the page?

This element is after the <head></head> element

A

In the <body></body> tags

The body tags holds all the elements that will be shown of a webpage

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

How do you tell the browser that a piece of text is bold and is emphasized?

Tags that have extra meaning for the browser are semantic

A
<strong>text</strong>

The strong tag adds a strong emphasis to text

This tag is important for screen readers to know when to apply emphasis

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

How do you tell the browser that a piece of text has a subtle change in meaning?

Tags that have extra meaning for the browser are semantic

A
<em>text</em>

This tag applies italics and slightly changes the meaning of the text

This tag is important for screen readers to know when the meaning of text has subtly changed

17
Q

How do you tell the browser that the text is a longer quote?

Tags that have extra meaning for the browser are semantic

A
<blockquote cite="url-to-quote"><p> text</p></blockquote

This tag applies an indent in certain browsers to its contents

This tag is purely semantic

18
Q

How do you tell the broswer that the text is a quote?

Tags that have extra meaning for the browser are semantic

A
<q cite="url-to-quote" > text </q>

This tag places quotations around the text except in internet explorer

This tag is purely semantic

19
Q

How does the browser know what an abbreviation or acronym means?

Tags that have extra meaning for the browser are semantic

A

<abbr title="Meaning of abbreviation or acronym>text</abbr>

This tag is purely semantic

20
Q

What tag do you use when referencing a peice of literature,film, or other work?

A
<cite>text</cite>
21
Q

The defining instance is when you define a new term for the first time.

What tag do you use when you come across a defining instance?

A
<dfn>text</dfn>
22
Q

Where do you put the web author’s contact information and or address?

A
<address><p>authors contact info</p></address>
23
Q

What tag do you use to indicate that a word should be inserted?

A
<ins>text</ins>
24
Q

What tag do you use to indicate that a word should be deleted?

A
<del>text</del>
25
Q

What tag do you use when information is no longer accurate or relevant?

A
<s>this text will be crossed out</s>

This is also called a strikethrough.

26
Q

How do you underline text with no semantic meaning?

A
<u>text</u>