This banner was supplied by SAFE Audit
This banner was supplied by SAFE Audit
|
Introduction Well done, you have made the right decition to learn HTML. If you had used a WYSIWYG creator then the pages take a lot longer to load. To work through these tutorials all you need is a text editor. Most people use notepad as that comes with windows 95 and above so you probably allready have it on your system. There are better text editors but we don't need these yet. Basic HTML structure When you are creating an HTML document you have <html><head></head><body></body></html> So the line above would be a "web site". It would not have any content but it would not have any errors; but there are somethings that have been left out (like meta tags and a title) The first thing you need is a title, this goes in the "head" section of your page. In anothor tag, called the .... title tag. So know you can have <html><head><title>My first Web Page</title></head> <body></body></html> But what has this done? No it hasn't put a title at the top of the page as you may expect but attually named you page. Adding content Oh you want to write somthing! Well if you just write any text imbetween the <body> and </body> you will get some text. A few rules to get us started Ok. The first thing you need to now is that in HTML we have lots of words that we call tags. These "Tags" follow one rule with very few exceptions HTML is brokern done into blocks each block can have many command. For example you may want it to be Bold, Underlined and in ittalics When you start a block you have <block> and </block> the first meaning start block the second being end block Formatting your text You have you text now just put <u> before and </u> after the text you want underlined, you can also do this with <b> to get bold text and <i> to get text in ittalics. When you want to start a new line just put <br> Adding color and fonts We are now going to use the font command. This lets us change ,amy aspects of the text including the size and the color <font face=times color=red size=3>This text is size 3 times in redThis text is size 3 times in red</font> Go on experament; try differnt sizes and colors More on colors Though using the name of colors can be very usefull for you it does not work with all browsers so it is better if you use "hex" commands Don't worry you don't need to learn these, you can get a free program to do it for you, called Reptile avalible from sauasage software But it is not very diffecult really! You have 6 numbers the first 2 are saying how much Red the next 2 green and the last 2 blue. But it is not on a scale from 0-9 but on a scale from 0-F ! it goes 0-9 then instead of going to 10 it goes to a, the b through to f to give you a wider range of colors Adding color to you hole page If you want all the text on a page to be the same color (which you proabably do) the this command can save you a lot of time. The HTML looks like this: <body bgcolor="#000046" text="#FFFFFF" link="#D296FF" vlink="#C296FF" alink="#C296FF"> Ok the first part you may reconise being body, this is setting the default colors for everything that is inside the body command. bgcolor stands for Background color, text and link I think you can guess; Vlink is visited link and alink is active link Comming soon in lesson 2; How to add links into you web site |
|
Web Publishing |
|
Make a web site |
|
Which Free.. |
|
Web Resource Banner Exchange Website Host, Soon Graphic Creator |
|
Main page Shareware Freeware |
|
Games page Age of Empires Age, Battle Report Age, Clan Tekken 3 Quake 2 Downloads |
Online Games |
|
Othello For all |
|
|
Guest Book
|