Sketti
27-02-2005, 06:26 PM
HTML
HTML stands for: Hyper Text Mark-Up Language and is used for making websites.
Please note that this is just basic HTML. I will not teach you how to code an image for a layout etc. etc.
The first thing you ever put in when you are making a website through HTML is the HTML tag:
<html></html>
The next thing is the Head tag:
<head></head>
After that comes the title (this is the title that appears next to the “ – Microsoft Internet Explorer”):
<title></title>
When you want to start adding content to your site put in the Body tag:
<body></body>
To start a paragraph, use the Paragraph tag:
<p></p>
Pressed return but a new line still not coming? Use this:
<p>YOUR TEXT HERE<br>MORE TEXT HERE</p>
The <br> tag does basically the same as the <p> tag apart from the line space
Want a different background colour? When you’re typing in the <body> tag put:
<body bgcolor=”COLOUR/#HEX CODE HERE”> etc. etc.
Need to add a URL link?
<a href=”URL GOES HERE”>TEXT GOES HERE</a>
Need to add an E-Mail link?
<a href=mailto:PERSONS EMAIL HERE>TEXT GOES HERE</a>
Need to add a link to one of your pages?
<a href=”FOLDER/PAGE NAME HERE“> TEXT GOES HERE</a>
Want a different font?
<font face=”FONT NAME HERE”>YOUR TEXT HERE</font>
Want a different font colour?
<font colour=”COLOUR” or “#HEX CODE”>YOUR TEXT HERE</font>
Want a different font size?
<font size=”SIZE HEREpt”>YOUR TEXT HERE</font>
Want to add an image?
<img scr=”LOCATION OF IMAGE HERE”>
Remember: You can only use .GIF or .JPEG/.JPG images for the web.
Want an image link?
<a href=”URL GOES HERE”><img scr=”LOCATION OF IMAGE HERE”></a>
Want to align your text?
<p align=”LEFT” or “RIGHT” or “CENTER”></p>
Want to add a table?
<table>
<tr><td>SOMETHING RELATED TO TEXT ABOVE</td><td>SOMETHING RELATED TO TEXT TO LEFT</td></tr>
<tr><td>SOMETHING RELATED TO TEXT ABOVE</td><td>SOMETHING RELATED TO TEXT TO LEFT</td></tr>
<tr><td>SOMETHING RELATED TO TEXT ABOVE</td><td>SOMETHING RELATED TO TEXT TO LEFT</td></tr>
</table>
Want frames instead of single pages?
<frameset rows="92,*">
<frame name="banner" scrolling="no" noresize target="contents" src="PAGE NAME HERE.htm">
<frameset cols="150,*">
<frame name="contents" target="main" src="PAGE NAME HERE.htm">
<frame name="main" src="PAGE NAME HERE.htm">
</frameset>
You will need to save what you want in three different files for these. Please note that this is a Banner on top, Navigation on left frame set. This goes between the back-end of the head tag and the start of the body tag
Don’t want the borders?
<frameset rows="92,*" framespacing="0" border="0" frameborder="0">
<frame name="banner" scrolling="no" noresize target="contents" src="PAGE NAME HERE.htm">
<frameset cols="150,*">
<frame name="contents" target="main" src="PAGE NAME HEREhtm">
<frame name="main" src="PAGE NAME HERE.htm" scrolling="auto">
</frameset>
</frameset>
I hope this is of some use to you.
Please Note: The past 3 tutorials I have written I have written. I wrote them in my spare time and I've just copied and pasted them from my computer.
HTML stands for: Hyper Text Mark-Up Language and is used for making websites.
Please note that this is just basic HTML. I will not teach you how to code an image for a layout etc. etc.
The first thing you ever put in when you are making a website through HTML is the HTML tag:
<html></html>
The next thing is the Head tag:
<head></head>
After that comes the title (this is the title that appears next to the “ – Microsoft Internet Explorer”):
<title></title>
When you want to start adding content to your site put in the Body tag:
<body></body>
To start a paragraph, use the Paragraph tag:
<p></p>
Pressed return but a new line still not coming? Use this:
<p>YOUR TEXT HERE<br>MORE TEXT HERE</p>
The <br> tag does basically the same as the <p> tag apart from the line space
Want a different background colour? When you’re typing in the <body> tag put:
<body bgcolor=”COLOUR/#HEX CODE HERE”> etc. etc.
Need to add a URL link?
<a href=”URL GOES HERE”>TEXT GOES HERE</a>
Need to add an E-Mail link?
<a href=mailto:PERSONS EMAIL HERE>TEXT GOES HERE</a>
Need to add a link to one of your pages?
<a href=”FOLDER/PAGE NAME HERE“> TEXT GOES HERE</a>
Want a different font?
<font face=”FONT NAME HERE”>YOUR TEXT HERE</font>
Want a different font colour?
<font colour=”COLOUR” or “#HEX CODE”>YOUR TEXT HERE</font>
Want a different font size?
<font size=”SIZE HEREpt”>YOUR TEXT HERE</font>
Want to add an image?
<img scr=”LOCATION OF IMAGE HERE”>
Remember: You can only use .GIF or .JPEG/.JPG images for the web.
Want an image link?
<a href=”URL GOES HERE”><img scr=”LOCATION OF IMAGE HERE”></a>
Want to align your text?
<p align=”LEFT” or “RIGHT” or “CENTER”></p>
Want to add a table?
<table>
<tr><td>SOMETHING RELATED TO TEXT ABOVE</td><td>SOMETHING RELATED TO TEXT TO LEFT</td></tr>
<tr><td>SOMETHING RELATED TO TEXT ABOVE</td><td>SOMETHING RELATED TO TEXT TO LEFT</td></tr>
<tr><td>SOMETHING RELATED TO TEXT ABOVE</td><td>SOMETHING RELATED TO TEXT TO LEFT</td></tr>
</table>
Want frames instead of single pages?
<frameset rows="92,*">
<frame name="banner" scrolling="no" noresize target="contents" src="PAGE NAME HERE.htm">
<frameset cols="150,*">
<frame name="contents" target="main" src="PAGE NAME HERE.htm">
<frame name="main" src="PAGE NAME HERE.htm">
</frameset>
You will need to save what you want in three different files for these. Please note that this is a Banner on top, Navigation on left frame set. This goes between the back-end of the head tag and the start of the body tag
Don’t want the borders?
<frameset rows="92,*" framespacing="0" border="0" frameborder="0">
<frame name="banner" scrolling="no" noresize target="contents" src="PAGE NAME HERE.htm">
<frameset cols="150,*">
<frame name="contents" target="main" src="PAGE NAME HEREhtm">
<frame name="main" src="PAGE NAME HERE.htm" scrolling="auto">
</frameset>
</frameset>
I hope this is of some use to you.
Please Note: The past 3 tutorials I have written I have written. I wrote them in my spare time and I've just copied and pasted them from my computer.