This assignment will give you the opportunity to practice building a Web page. From this web page you will learn the necessary HTML tags needed for assignment #5. Using the reference material in the Lessons and Resources provided at the course Web site and available at other sites on the Internet, your task is to create a single Web page (filename: "mypage.html"), and upload it (eventually, when you are done it) to the directory specified in Assignment #3. This web page must contain all of the following items: 1. XML Coding (Use the template provided) (1 mark) 2. A title (1 mark) 3. A heading (1 mark) 4. A background colour using the hexadecimal coding scheme in thetag. (1 mark) 5. At least one image. (1 mark) 6. One paragraph of text (see CONTENT below). (2 marks, 1 for content, 1 for correct use of tag) 7. A horizontal rule. (1 mark) 8. A break tag. (1 mark) 9. Bold text. (1 mark) 10. Italic text. (1 mark) 11. A link to an external Web address (ex. http://www.google.ca) (1 mark) 12. An internal link "Back To Top" from the bottom of the page to the top. (1 mark) 13. Your University of Windsor e-mail address clearly visible on the page. (1 mark) 14. A "mailto:" link for sending e-mail to you. (1 mark) 15. An unordered list. (1 mark) 16. An ordered list. (1 mark) 17. A table. (1 mark) 18. Proper use of indentation and spacing. (1 mark) 19. Proper internal documentation (comment, tag). (1 mark)
The following code illustrates all of the requirements. From Through 19. Please note that the documentation is given through the messages displayed on the html page. There were no reference materials to be added so I have taken the liberty to add whichever links and messages I could use to make it simpler and self explanatory.
CODE:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
background-color: #c2b93e;
text-align: center;
color: #051254;
}
</style>
</head>
<body>
<a name="top"></a>
<h1>This is a Heading</h1>
<hr/>
<b>This is a bold text.</b>
<i>This is an italics text.</i>
<br/>
<p>The line after a break</p>
<img src="avatar.png"
style="width:200px">
<br/>
<a href="http://www.google.ca">Click on the
link</a>
<br/>
<ol>List of Ordered things:
<li> Order 1</li>
<li> Order 2 </li>
<li> Order 3</li>
</ol>
<ul> List of Unordered things:
<li> Unorder 1</li>
<li> Unorder 2 </li>
<li> Unorder 3</li>
</ul>
<p><a href="mailto:[email protected]">Send
email</a></p>
<a href="#top">back to top</a>
</body>
</html>
Get Answers For Free
Most questions answered within 1 hours.