Monday, September 13, 2010

HTML Linking

Just finished the linking for the haiku and will be posting the html code, then the jpeg on the side.

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>


<!--beginning of the body-->
<body style="background-color:0000FF">

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


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


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


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>


<!--beginning of the body-->
<body style="background-color:00FFFF">
<!--spacing for the body-->

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


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.

<title> Eric's Haiku with Links page 3</title>


<body style="background-color:006400">

<p style="text-align:center;font-family:japanese brush;color:00FF66;">
<font size="6"><a href=
"style="text-decoration: none">SEA</a>
<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!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Give this sea a name!</p>

No comments:

Post a Comment