HTML Tag Basics
Which if these is a correct usage of an HTML tag?
a. <h1> Hello!
b. >h1< Hello! >h1<
c. <h1> Hello! </h1>
d. <h1> Hello! <h1>
c. <h1> Hello! </h1>
Tags need an Opener Tag (<h1>) and a Closer Tag (</h1>) with the text it marks up in the middle
What tag has all of our text in between it?
<html>
</html>
What is the purpose of <h1>?
To make a header (Big and Bold)
What does the <li> tag do?
What are the 2 parts of links?
The Domain and The Path
<p>
What goes in the <body>?
Text displayed to the user
What is the purpose of <br>?
To make a line break
What is the difference between Organized and Unorganized lists?
Organized is Numbered/Lettered, Unorganized is Bullet Points
What is the Domain of this link?
https://wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg
What is the name of <>?
Angled Brackets
What is Metadata? OR Where does it go?
Metadata is data about data (used to classify it like its title, search tags, etc)
Metadata goes in the <head>
What is the purpose of <strong>?
To make text Bold
What is the difference between <th> and <td>?
What is the name of the attribute in our <a> tag?
href
"Heading Reference, Where are we Heading?"
What are all of the reasons this would this not read as a tag?
<pThis is Text><\p<
The slash is backwards, The Closer tag has the wrong bracket at the end, "This is text" is inside the <p> opener tag
What is the technique we use to organize our files so we know what tags exist inside of other tags?
We indent, or we push everything over
What is the purpose of <em>?
To EMphasize the text or make it italics.
What is the tag we need to make a table? What goes underneath it to make our rows? What goes underneath that to make our data cells?
<tr>
<td> </td>
</tr>
</table>
What is the name of our attribute in our <img> tag?
"Source, Where is our image sourced from?"
What is an example of a tag that does not require a closer?
<hr>, <br>, <img>
What is the function of <!DOCTYPE html>?
It tells the browser to read the document as HTML
Where do we put the style attribute in our HMTL code?
In the Opener Tag after the Tagname
How can we change the color the whole table displays in?
Add the style attribute background-color set to the desired color in our table tag
<table style="background-color:maroon"
Where do attributes go inside of our <a> and <img> tags?
In the Opener Tag after the Tagname
<a href=https://wikimedia.org> Link </a>
Will display the text Link, with a link to wikimedia.org