0% found this document useful (0 votes)
326 views2 pages

HTML Resume Assignment Anchors

The document provides instructions for creating an HTML resume webpage. It includes opening tags, a navigation bar, and sections for the objective, education, employment, and hobbies. Closing tags and CSS formatting are also included to style the page.

Uploaded by

api-327897521
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
326 views2 pages

HTML Resume Assignment Anchors

The document provides instructions for creating an HTML resume webpage. It includes opening tags, a navigation bar, and sections for the objective, education, employment, and hobbies. Closing tags and CSS formatting are also included to style the page.

Uploaded by

api-327897521
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML Resume Assignment

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>

Use your own interests if you would


<li>Sports</li>
like
<li>Games</li>
</ul>

HTML Resume Assignment


Part 7 Closing Tags
Add a back to the top hyperlink
Add the closing tags so complete the
web page

<p><font size="-1">
<a href="#">back to the top</a>
</font>
</body></html>

CSS CHANGES TO RESUME.HTML


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>First name Last Name Resume</title>
<style type="text/css">
body {width:1000px;
margin-left:40px;
background-color:silver;
font-family: Arial, Verdana, Garamond;
font-size: 14pt}
h1, h3

{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>

You might also like