PGF Gamers
Hi, and thanks for visiting =D

Login to post in forums and become more than a member!

Please wait a moment for the chatbox to load ;D
PGF Gamers
Hi, and thanks for visiting =D

Login to post in forums and become more than a member!

Please wait a moment for the chatbox to load ;D
PGF Gamers
Would you like to react to this message? Create an account in a few clicks or log in to continue.


Where the fun begins!
 
Homedead forum =(SearchLatest imagesRegisterLog in
!!!!I am considering a full site overhaul to re-do everything. I will discuss with the other staff. If it happens the forum may go down for a day or two-Trevor!!!!

 

 HTML tutorial 3 - minor tweaks/ just for fun

Go down 
AuthorMessage
t0ph4x0r
Lieutenant
Lieutenant



Number of posts : 6
Age : 33
ranking : 5537
forum activity : 0
Registration date : 2009-02-01

HTML tutorial 3 - minor tweaks/ just for fun Empty
PostSubject: HTML tutorial 3 - minor tweaks/ just for fun   HTML tutorial 3 - minor tweaks/ just for fun EmptySun Feb 01, 2009 7:55 am

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
Back to top Go down
 
HTML tutorial 3 - minor tweaks/ just for fun
Back to top 
Page 1 of 1
 Similar topics
-
» HTML tutorial #1- base of a website
» HTML tutorial #2- adding images/ fun with pictures
» HTML/PHP tutorial #4 - password protect a page
» HTML tutorial #5 - select boxes and radio buttons
» i dont get html

Permissions in this forum:You cannot reply to topics in this forum
PGF Gamers :: Computers and Internet :: Building websites :: HTML-
Jump to: