Hello, my name is Cole Snydle. In my tutorials i will be using a mixture of PHP and HTML. One of my favorite hosts (a host is what you "host" your website on) is http://www.freehostia.com/. The good thing about Freehostia is that you can code from the site and you can host PHP and MySql. now just open up "Notepad", always and we will begin the tutorial.So we got this cool little site so far
- Code:
-
<html>
<body>
<BODY bgcolor="black">
<h1><font color="red">HTML tutorial #1</font></h1>
<a href="http://www.bounty-wars.co.nr/">
<img border="0" src="http://i217.photobucket.com/albums/cc1/estefani84/Stewie_Griffin.gif" width="65" height="38">
</a>
<marquee><font color="maroon">Hey, this is marquee</font></marquee>
</body>
</html>
Looks pretty good but things look a little too far to the left in my opinion so lets center it.
its a simple code.
- Code:
-
<center><h1><font color="red">HTML tutorial #1</font></h1></center>
then we add it in
- Code:
-
<html>
<body>
<BODY bgcolor="black">
<center><h1><font color="red">HTML tutorial #1</font></h1></center>
<a href="http://www.bounty-wars.co.nr/">
<img border="0" src="http://i217.photobucket.com/albums/cc1/estefani84/Stewie_Griffin.gif" width="65" height="38">
</a>
<marquee><font color="maroon">Hey, this is marquee</font></marquee>
</body>
</html>
Nowyour title will be in the center and im too lazy too take a screen shot try it yourself.
alright i'll aslo show you how to make a table.
i'll use a simple calendar as an example
lets introduce the standard block of code
- Code:
-
<table border="6">
<caption><font color="blue">September</font></caption>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
so that should give you a measly table
table border tag ( <table border="6"> ) is the border and dimensions of your table boxes (line thickness)
<tr> (table row) tag will give you a row of boxes
then the <td> (table data) tag give you your box to add info
then you close your table up with the closing tags and bam!, you got a table.
I made you a simple calendar just copy and paste it into notepad in your html code to see it.
- Code:
-
<table border="6">
<caption><font color="blue">February</font></caption>
<tr>
<td><font color="cyan">S</td>
<td><font color="cyan">M</td>
<td><font color="cyan">T</td>
<td><font color="cyan">W</td>
<td><font color="cyan">Th</td>
<td><font color="cyan">F</td>
<td><font color="cyan">Sa</td>
</tr>
<tr>
<td><font color="red">1</td>
<td><font color="red">2</td>
<td><font color="red">3</td>
<td><font color="red">4</td>
<td><font color="red">5</td>
<td><font color="red">6</td>
<td><font color="red">7</td>
</tr>
<tr>
<td><font color="red">8</td>
<td><font color="red">9</td>
<td><font color="red">10</td>
<td><font color="red">11</td>
<td><font color="red">12</td>
<td><font color="red">13</td>
<td><font color="red">14</td>
</tr>
<tr>
<td><font color="red">15</td>
<td><font color="red">16</td>
<td><font color="red">17</td>
<td><font color="red">18</td>
<td><font color="red">19</td>
<td><font color="red">20</td>
<td><font color="red">21</td>
</tr>
<tr>
<td><font color="red">22</td>
<td><font color="red">23</td>
<td><font color="red">24</td>
<td><font color="red">25</td>
<td><font color="red">26</td>
<td><font color="red">27</td>
<td><font color="red">28</td>
<td><font color="red">29</td>
<td><font color="red">30</td>
<td><font color="red">31</font></td>
</tr>
</table>
so there you go enjoy
