HTML Flashcards
What are the heading tags in order of importance?
<h1> </h1> <h2></h2> . . . <h6></h6>
How do you write a paragraph of text?
<p> Paragraph here! </p>
What does the <b></b>
tag do?
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.
What does the <i></i>
tags do?
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 do you apply a superscript?
Example: 4^2 <—- The power of 2 is the superscript.
<sup>text</sup>
How do you apply a subscript?
Example: H20 <—– The 2 is a subscript.
<sub>text</sub>
Describe white space collapsing?
Give an example
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 do you add a line break in text?
A line break means you are pushing text to the next line.
<p> This text will show on the first line and <br > this text will show on the next line </p>
How do you create a line to seperate text?
<hr>
How do we tell the browser that we are using HTML?
This goes at the top of any html page.
<!DOCTYPE html>
Tells browser whwat type of document to expect
How do you encapsulate html code?
What is the outer most tag in an html document?
<html></html>
What is the purpose of the <head></head>
tag?
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 do you place a title for your web page in the browser?
Usually above the search bar or on a tab for the browser
Use the <title></title>
tags
The title tags go in the <head>
portion of a web document
Where do you write html that will be shown on the page?
This element is after the <head></head>
element
In the <body></body>
tags
The body tags holds all the elements that will be shown of a webpage
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
<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