| Open the webpage you created in lesson one (Template1.html) with your text editor. Go to the body tag and add these attributes. <body bgcolor text link alink vlink> Now you will make the background color of the page black, the text orange, the links white, the alinks red and the vlinks yellow. Don't forget the quotation marks.
 indicates that the code is wrapped to a second line and should really be all on one line.Now just for fun, change the Hello World to Happy Halloween. Also let's add a link. Do not worry about the details now, just copy this code onto your webpage.
Your webpage code should now look like this.
indicates that the code is wrapped to a second line and should really be all on one line.Before you can check out this new webpage, you have to save the changes. Click File > Save As and name the new page Template2.html. Don't forget to save the page in plain text format. Because we created a link that will take you to a second webpage called TestPage.html, we need to create this page also. Open a new blank page in your text editor. Click File > Save As again and name this blank page TestPage.html. You should now have two new webpages in your MyWebsite folder, Template2.html and TestPage.html. Go to your MyWebsite folder and click on the Template2.html file. The web browser will open this webpage. It will have a black background and an orange Happy Halloween. The link will be white. When you click on this link to go to the second page, hold down your mouse button so that you can see the link change color from white to red. After you are on the second page (TestPage.html), close the browser window. Go back to your MyWebsite folder and click on Template2.html again. As you can see the link is now yellow because you have already visited the TestPage.html page. In the next lesson we will discuss the other attributes associated with the body tag and you will learn how to create a patterned background on your web page. ← Back | | |||
Printer Friendly Version
