Print PDF
Favorite
Email
Step 4Now it gets fun! (continued)
Now paste this code right under the </TABLE> at the end of the code you just pasted:
<TABLE BORDER="0" CELLPADDING="20" CELLSPACING="0" WIDTH="640" BGCOLOR="#ffffff" align="center">
<tr><td width="70%" bgcolor="#ffffff" valign="top">
<h3>A Catchy Heading</h3>
<p><font color="#404040" size="-1" face="Tahoma, Arial, Helvetica, san-serif"><a href="#"><img src="images/brush.gif" border="0" width="78" height="150" align="right"></a>
<br>
<a href="#"><b>Make this Link Somewhere</b></a> * "HTML Inc" was created with the beginning and advanced Web Designer in mind. You will find all sorts of cool html codes here. I am also working on a Myspace html codes page for all you livejournal html users. You will see it really is easy to learn html. I will have an html tutorial for most any html project. Html help is finally here without the endless pages of useless techno knowledge to filter out. Best of all, there are no pop ups or forced logins and subscriptions.</font></p>
<FONT color="#404040" face="Tahoma, Arial, Helvetica, san-serif" size="-1"><p><a href="#"><img src="images/swipe.gif" border="0" width="62" height="150" align="left"></a>
<a href="#"><b>Make this Link Somewhere</b></a> * "HTML Inc" was created with the beginning and advanced Web Designer in mind. You will find all sorts of cool html codes here. I am also working on a Myspace html codes page for all you livejournal html users. You will see it really is easy to learn html. I will have an html tutorial for most any html project. Html help is finally here without the endless pages of useless techno knowledge to filter out. Best of all, there are no pop ups or forced logins and subscriptions.</p>
<br>
<p><a href="#"><img src="images/splat.gif" border="0" width="150" height="123" align="right"></a>
<a href="#"><b>Make this Link Somewhere</b></a> * "HTML Inc" was created with the beginning and advanced Web Designer in mind. You will find all sorts of cool html codes here. I am also working on a Myspace html codes page for all you livejournal html users. You will see it really is easy to learn html. I will have an html tutorial for most any html project. Html help is finally here without the endless pages of useless techno knowledge to filter out. Best of all, there are no pop ups or forced logins and subscriptions.</p>
</font></td>
<td width="30%" bgcolor="#6a0909" valign="top" align=left>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
</td>
</tr></table>
DON'T FORGET TO SAVE YOUR WORK!
Explanation - It may look overwhelming because of all the text but it really is simple if you go over it slowly.
Most of the code just repeats itself. The <H3> tag is for a heading. The <img src="YOUR LINK TO OR LOCAL PIC LOCATION HERE"> is a an easy way to put your pictures up. The <a href=" YOUR LINK HERE"> is simply a tag for your links. <BR> tags will make the text move to the next line below.
All of the tags above are on the HTML Code Page. Spend plenty of time on the Live Page Builder using HTML Code. It may not make perfect sense now, however after you build and disassemble the practice page it will come to you. I would go into step by step instructions for each line of text but that takes away from the "To The Point" lessons. If I get enough requests I will make simplified versions of the lessons I go over. :)
Now, lets move on to the next phase of the instructable: Build a professional website: Part 3 CSS
<TABLE BORDER="0" CELLPADDING="20" CELLSPACING="0" WIDTH="640" BGCOLOR="#ffffff" align="center">
<tr><td width="70%" bgcolor="#ffffff" valign="top">
<h3>A Catchy Heading</h3>
<p><font color="#404040" size="-1" face="Tahoma, Arial, Helvetica, san-serif"><a href="#"><img src="images/brush.gif" border="0" width="78" height="150" align="right"></a>
<br>
<a href="#"><b>Make this Link Somewhere</b></a> * "HTML Inc" was created with the beginning and advanced Web Designer in mind. You will find all sorts of cool html codes here. I am also working on a Myspace html codes page for all you livejournal html users. You will see it really is easy to learn html. I will have an html tutorial for most any html project. Html help is finally here without the endless pages of useless techno knowledge to filter out. Best of all, there are no pop ups or forced logins and subscriptions.</font></p>
<FONT color="#404040" face="Tahoma, Arial, Helvetica, san-serif" size="-1"><p><a href="#"><img src="images/swipe.gif" border="0" width="62" height="150" align="left"></a>
<a href="#"><b>Make this Link Somewhere</b></a> * "HTML Inc" was created with the beginning and advanced Web Designer in mind. You will find all sorts of cool html codes here. I am also working on a Myspace html codes page for all you livejournal html users. You will see it really is easy to learn html. I will have an html tutorial for most any html project. Html help is finally here without the endless pages of useless techno knowledge to filter out. Best of all, there are no pop ups or forced logins and subscriptions.</p>
<br>
<p><a href="#"><img src="images/splat.gif" border="0" width="150" height="123" align="right"></a>
<a href="#"><b>Make this Link Somewhere</b></a> * "HTML Inc" was created with the beginning and advanced Web Designer in mind. You will find all sorts of cool html codes here. I am also working on a Myspace html codes page for all you livejournal html users. You will see it really is easy to learn html. I will have an html tutorial for most any html project. Html help is finally here without the endless pages of useless techno knowledge to filter out. Best of all, there are no pop ups or forced logins and subscriptions.</p>
</font></td>
<td width="30%" bgcolor="#6a0909" valign="top" align=left>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
<b><FONT color="white" size=3>* </font></b><a href="#"><b><FONT color="#DF8D13" size=3>Your Link</font></b></a><br><br>
</td>
</tr></table>
DON'T FORGET TO SAVE YOUR WORK!
Explanation - It may look overwhelming because of all the text but it really is simple if you go over it slowly.
Most of the code just repeats itself. The <H3> tag is for a heading. The <img src="YOUR LINK TO OR LOCAL PIC LOCATION HERE"> is a an easy way to put your pictures up. The <a href=" YOUR LINK HERE"> is simply a tag for your links. <BR> tags will make the text move to the next line below.
All of the tags above are on the HTML Code Page. Spend plenty of time on the Live Page Builder using HTML Code. It may not make perfect sense now, however after you build and disassemble the practice page it will come to you. I would go into step by step instructions for each line of text but that takes away from the "To The Point" lessons. If I get enough requests I will make simplified versions of the lessons I go over. :)
Now, lets move on to the next phase of the instructable: Build a professional website: Part 3 CSS
| « Previous Step | Download PDFView All Steps | Next Step » |
 |
Add Comment
|
