<html> <body bgcolor="#000000" text="#FFFAF0" link="#FFFF00" alink="#880000" vlink="#333333"><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-47423994-1', 'fortunecity.ws'); ga('send', 'pageview'); </script> <center> <br> <div> <script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </div> </center> <center> <br> <div style="height:5px"></div> </center> <!-- ARCHIVE by FORTUNECITY.ws --> <head> <link rel="stylesheet" type="text/css" href="css.css"> <title> HTML Coding Part I </title> </head> <a name="top"> <h1> HTML Coding Part I </h1> <p> This is the first part in my guide to making a web page. At the bottom of each page there will be a link to illustrate exactly what I've used in examples throughout the whole page. <p> Jump to: <ul> <li> <a href="#HTML">The HTML Tag</a> <li> <a href="#body">The Body Tag</a> <li> <a href="#head">The Head Tag</a> <li> <a href="#title">The Title Tag</a> <li> <a href="#meta">The Meta Tag</a> <p> <a name="HTML"> <h4> The HTML Tag </h4> <p> The HTML tag is the most basic of all the tags. It lets the browser know that what it's about to read is a HTML file and therefore it interprets it as a web page. This tag is no longer mandatory because a browser now uses the extensions to select the way it is to display them. The HTML is still useful. The closing tag is a good way to check if the file was corrupted when uploading and it makes sure that every browser can view it. <i> There are no attributes for this tag. </i> <p> <i> Usage Syntax: </i> <br> <tt> &lt;html&gt <br> . . . <br> &lt;/html&gt </tt> <p> <a href="#top">Back to top</a> <p> <a name="body"> <h4> The Body Tag </h4> <p> The body tag defines the general appearance of your page. It is placed between the HTML tag and as many attributes. It's attributes define what color your text, links, visited links and background will appear as your visitor's browser. It can also make it so that there's a picture in the background instead of just a plain color. <p> <i> Usage Syntax: </i> <br> <tt> &lt;html&gt <br> &lt;body *attributes below*&gt <br> . . . <br> &lt/body&gt <br> &lt;/html&gt </tt> <p> <table align=center width="450"> <tr align=center> <td width="150"> <b> Attribute </b> <td width="150"> <b> Variable </b> <td width="150"> <b> Effect </b> <tr> <td> <font color="#FFFF00"> bgcolor </font> <td> <font color="#FFFF00"> ="#HEX Color" </font> <td> <i> Defines background color. <tr> <td> <font color="#FFFF00"> text </font> <td> <font color="#FFFF00"> ="#HEX Color" </font> <td> <i> Defines text color. </i> <tr> <td> <font color="#FFFF00"> link </font> <td> <font color="#FFFF00"> ="#HEX Color" </font> <td> <i> Defines hyperlink color. </i> <tr> <td> <font color="#FFFF00"> alink </font> <td> <font color="#FFFF00"> ="#HEX Color" </font> <td> <i> Defines active link color. </i> <tr> <td> <font color="#FFFF00"> vlink </font> <td> <font color="#FFFF00"> ="HEX Color" </font> <td> <i> Defines visited link color. </i> <tr> <td> <font color="#FFFF00"> background </font> <td> <font color="#FFFF00"> ="Graphic URL" </font> <td> <i> Defines background image. </i> <tr> <td> <font color="#FFFF00"> align </font> <td> <font color="#FFFF00"> =center | left | right </font> <td> <i> Defines alignment. </i> </table> <p> <a href="#top">Back to top</a> <p> <a name="head"> <h4> The Head Tag </h4> <p> The head tag surrounds a lot of the important information in ones web site. It surrounds <a href="#title">the title tag</a> and <a href="#meta">the meta tag</a> . It is always assumed present even if missing so you don't have to put it in, but there's no harm in having it there. <p> <i> Usage Syntax: </i> <br> <tt> &lt;html&gt <br> &lt;body +attributes > <br> &lt;head&gt <br> . . . <br> &lt;/head&gt <br> . . . <br> &lt;/body&gt <br> &lt;/html&gt </tt> <p> <a href="#top">Back to top</a> <p> <a name="title"> <h4> The Title Tag </h4> <p> The title tag is used to define what you want to put in the title bar in your viewer's browser. <p> <i> Usage Syntax: </i> <br> <tt> &lt;html&gt <br> &lt;body +attributes&gt <br> &lt;head&gt <br> &lt;title&gt <br> TITLE <br> &lt;/title&gt <br> &lt;/head&gt <br> . . . <br> &lt;/body&gt <br> &lt;/html&gt </tt> <p> <a href="#top">Back to top</a> <p> <a name="meta"> <h4> The Meta Tag </h4> <p> This tag passes on information to the HTTP server or a program run on the server. In all honesty, I've never used this tag if you want more information on it please <a href="mailto:chrisgallant@hotmail.com?Subject=Meta Tag">e-mail me</a> . There is no closing tag for this. <p> <i> Usage Syntax: </i> <br> <tt> &lt;html&gt <br> &lt;body +attributes&gt <br> &lt;head&gt <br> &lt;title&gt <br> TITLE <br> &lt;/title&gt <br> &lt;meta&gt <br> &lt;/head&gt <br> . . . <br> &lt;/body&gt <br> &lt;/html&gt </tt> </ul> <p> <a href="#top">Back to top</a> <p> <a href="coding.html">Back to coding index</a> <p> <a href="index-3.html">Back to the main page</a> <p> <a href="coding1plain.html"><img src="eyeball.gif"> Click here to see the coding for this page<img src="eyeball.gif"></a> <hr> <p class="footnote"> This page was made using Notepad and using Cascading Style Sheets (which were also made in Notepad) for the layout. </body> <!-- ARCHIVE by FORTUNECITY.ws --> <center> <div> <br> <script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=300&height=250&cache=0"></script> <script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=300&height=250"></script> </div> <br> <br> </center> </html>