Page 1; this page has the first line of the haiku resting in the middle while two copies of the line are scrolling sideways making them look like clouds and then I used the word "away" as the link for the second page.
<!--Title heading of the html site.--><title> Eric's Haiku with Links page 1</title>
<html>
<!--beginning of the body-->
<body style="background-color:0000FF">
<br/><br/>
<p style="text-align:left;font-family:japanese brush;color:FFFFFF;">
<font size="6"><marquee width=500 height=46 direction=right
scrollamount=8 loop=false>Sweep away</p>
<br/><br/><br/>
<p style="text-align:center;font-family:japanese brush;color:FFFFFF;">
<font size="6">Sweep<a href="file:///C:/Users/Ebichu/Desktop/HAIKU%20+
%20LINKS/Haiku%20page%202.html">away</a>the clouds</p>
<br/><br/>
<p style="text-align:right;font-family:japanese brush;color:FFFFFF;">
<font size="6"><marquee width=500 height=46 direction=right
scrollamount=8 loop=false>the clouds</p>
</html>
Page 2; Not so fancy as the first page, just has the "dome" as the anchor for the next link while having the rest of the text blink.
<!--Title heading of the html site.-->
<title> Eric's Haiku with Links page 2</title>
<html>
<!--beginning of the body-->
<body style="background-color:00FFFF">
<!--spacing for the body-->
<br/><br/><br/>
<br/><br/><br/>
<!--the body of the site with a blinking text effect-->
<p style="text-align:center;font-family:japanese brush;color:0000CD;">
<font size="5"><blink>And let a </blink><font size="9">
<a href="file:///C:/Users/Ebichu/Desktop/HAIKU%20+%20LINKS/Haiku%20page%203.html"
style="text-decoration: none"></a>dome<font size="5">
<blink> of blue sky</blink></p>
</html>
Page 3;For the final page, I gave a title on top as the link back to the first page while having the lines of text emerging upwards to make them look like bubbles in a sea like scenery.
<html>
<body style="background-color:006400">
<p style="text-align:center;font-family:japanese brush;color:00FF66;">
<font size="6"><a href=
"file:///C:/Users/Ebichu/Desktop/HAIKU%20+%20LINKS/Haiku%20page%201.html
"style="text-decoration: none">SEA</a>
<br/>
<font size="6"><marquee width=520 height=400 direction=up
scrollamount=5>Give this sea a name!</p>
<p style="text-align:left;font-family:japanese brush;color:00FF66;">
<font size="6"><marquee width=2000 height=230 direction=up
scrolldelay="90">Give this sea a name!
Give this sea a name!</p>
No comments:
Post a Comment