HTML Resume Assignment Anchors
HTML Resume Assignment Anchors
Instructions: Create a webpage that displays your resume. If you dont have actual
experience to fill in for yourself just use the information provided. Save this assignment
as resume.html
Part 1 - Opening Tags
<!Doctype html>
<html lang="en">
Include your name, address, and
<head>
phone number
<title>My Resume Page</title>
NOTE: If you dont feel comfortable
</head>
giving out your real information,
<body>
replace it with made up information
The | is called a pipe character. It is <h1 align="center"> Type Your Name</h1>
under the backspace on your keyboard <h3 align="center">123 Oak Street |
Powder Springs, Georgia 30127 | 770 123 Put a horizontal rule after the address
1234</h3>
<hr width="75%">
Part 2 Navigation Bar
<center><font size="-1">
<a href="#objective">Objective</a> |
Type this to create a navigation bar
<a href="#education">Education</a> |
The linksTable.html should actually
<a href="#employment">Employment</a>
be changed to the name of one of the
|
webpages you created last class (For
<a href="#hobbies">Hobbies</a> |
example: GreenHome.html)
<a href="linksTable.html">Links</a>
</font></center>
Part 3 Objective Section
<p><h4><a
name="objective">Objective</a></h4>
Use the code to display the Objective
<blockquote>
heading and create an anchor
<p>To begin a career where I can make use
Indent the information using a
of my newly gained HTML skills.
blockquote
</blockquote>
Part 4 Education Section
<p><h4><a
name="education">Education</a></h4>
Use the code to display the Education
<blockquote>
and create an anchor
<p>Spring 2015<br>
NOTE: Use your personal work
<i>Intro to Digital Technology</i>
experience if you have some
</blockquote>
Part 5 Employment Section
<p><h4><a
name="employment">Employment</a></
Use the code to display the
h4>
Employment heading and create an
<blockquote>
anchor
<p>2014-Present<br>
<i>John's Web Design</i>
</blockquote>
Part 6 Hobbies Section
<p><h4><a
name="hobbies">Hobbies</a></h4>
Use the code to create an unordered
<ul>
list
<li>Travel</li>
<p><font size="-1">
<a href="#">back to the top</a>
</font>
</body></html>
{color: #660033;
text-align:center}
a
{color: black}
a:hover
{background: #660033;
color: white}
</style>
<h1> Type Your Name</h1>
<h3> YOUR OWN ADDRESS & PHONE | Powder Springs, Georgia 30127 | 770 1231234</h3>