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


Where the fun begins!
 
Homedead forum =(FAQSearchMemberlistUsergroupsRegisterLog 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!!!!

Share | 
 

 HTML tutorial 3 - minor tweaks/ just for fun

View previous topic View next topic Go down 
AuthorMessage
t0ph4x0r
Lieutenant
Lieutenant


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

PostSubject: HTML tutorial 3 - minor tweaks/ just for fun   Sun 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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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
View user profile
 
HTML tutorial 3 - minor tweaks/ just for fun
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» Some minor tweaks
» HTML Alone
» Need a custom html page?
» How to store a HTML comment in selenium
» How to use ANT build to create HTML reports in Eclispe

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