Intro to HTML
What does HTML stand for?
Hypertext Markup Language
What tag is used to create a horizontal line across the page?
<hr>
Which tag is used to create a numbered list?
What tag is used to contain all information about a table?
<table>
Write the code to create the following result:
Text that says "Hello" with a green background color
<p style="background-color:green;">
Hello
</p>
What does WWW stand for?
World Wide Web
What is the purpose of the <body> tag?
The body tag contains all of the HTML code that makes up your web page.
What is the purpose of the <p> tag?
The <p> tag creates a paragraph of plain text on it's on line.
Which tag is used to create a bulleted list?
<ul> </ul>
What tag is used to contain all of the information on one row of a table?
<tr>
Write the code to create the following result:
Text that says "Hello" with a red text color
<p style="color:red;">
Hello
</p>
When was the first email sent?
1971
Where does the <title> tag go in an HTML document and what does it do?
It is located in the <head> tags and it creates the text at the top of the browser
A link that says "CodeHS Home Page" and is linked to the website www.codehs.com
What tag is used to add an item to a list and what does it stand for?
<li> </li> is the "list item" tag
What attribute is used to adjust the thickness of the lines in a table?
Write the code to create the following result:
Text that says "Information" with a font size of 25 px and a text color of #483D8B
<p style="font-size:25px;color:#483D8B;">
Information
</p>
When was HTML invented?
1991
What is the purpose of an HTML tag and an example of the proper formatting?
They mark up the text of a document in order to tell the browser how the text should be displayed
Ex: <h1> text </h1>
Write the code to create the following result:
I love playing Jeopardy!
<p>I <em>love</em> playing <em><strong>Jeopardy!</strong></em></p>
Write the code to create the following result:
• Brownies
• Cake
• Cookies
<ul>
<li> Brownies </li>
<li> Cake </li>
<li> Cookies </li>
</ul>
What two tags can be used to fill in specific boxes of a table and what is each's purpose?
<th> creates a column header
<td> creates a single piece of data in a table
Write the code to create the following result:
A heading that says "My Webpage" that is centered, has a text color of white, and has a background color of blue
<h1 style="text-align:center;color:white;background-color:blue;">
My Webpage
</h1>
What does HTTP stand for?
Hypertext Transfer Protocol
Write the full skeleton for a basic HTML page
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
Write the code to create the following result:
An image on the web page with the image address "www.wiki.com/earthpng/image"
When you click on the image, it takes you to the link "www.wiki.com/earth"
Write the code to create the following result:
1. Math
2. Science
• Biology
• Chemistry
3. English
<ol>
<li> Math </li>
<li> Science
<ul>
<li> Biology </li>
<li> Chemistry</li>
</ul>
</li>
<li> English </li>
</ol>
Write the code to create the following table:
Name Grade
Harry 92
<table>
<tr>
<th> Name </th>
<th> Grade </th>
</tr>
<tr>
<td> Harry </td>
<td> 92 </td>
</tr>
</table>
Write the code to create the following result:
A link that says "CodeHS Home Page" and is linked to the website www.codehs.com.
The link should have a font size of 35 px and a background color of black
Who invented the World Wide Web and HTML?
Tim Berners-Lee