1. OPEN a “Notepad”
blank page.
2. TYPE the html code below. Fill-in the “??????” with
your own lists.
3. SAVE this on your memory stick in your WebDesign
folder as:
“yourfirstnameChallenge1.htm
“ e.g. “TomChallenge1.htm”
4. OPEN this file on your browser (IE, Safari or Firefox).
5. PRINT and CIRCLE all new HTML code that is new
today.
<!DOCTYPE html>
<html>
<head>
<title>Challenge1</title>
<style type="text/css">
h1 {color:red;}
li {color:blue;}<html>
<head>
<title>Challenge1</title>
<style type="text/css">
h1 {color:red;}
p {color:purple;}
</style>
</head>
<body style="background-color:skyblue;" text="#000000">
<h1 align="middle">Challenge #1</h1>
<p align="right"><b>This is my first web page.
<br/>There's more to come.</b>
<hr align="middle" width="50%">
<p>I am learning how to use inline and internal CSS, the horizontal rule,
<br/>headline, paragraph and line break tags.
<br/>Writing HTML isn't as hard as it appears.
<br>Here's a list of items I like about school using bullets:
<ul>
<li>??????</li>
<li>??????</li>
<li>??????</li>
<li>But most of all--????????</li>
</ul>
<p>I can also create a list of my favorite ??????? using numbers:</p>
<ol>
<li>??????</li>
<li>??????</li>
<li>??????</li>
<li>??????</li>
<li>??????</li>
</ol>
</body>
</html>
No comments:
Post a Comment
Please leave your comment below: