|
Printer Friendly Page
created by Janet Barrett CHAPTER ONE (Font attributes)
Why should you learn HTML when there are so many HTML programmes out there to help you build a page?
The answer is very simple. These programmes do a great job and will help have your page online in no time BUT if something goes wrong with your web page ie a link is broken or you want to change some information, how do you do it? If you dont know HTML (at least the basics) you wont stand a chance unless you go back to the HTML programme and redo the whole page again. Learning just even the basics will save you a lot of time and you will be able to locate the source of the trouble and correct/change the info yourself. Before I start showing you how to use HTML you will need to be able to see your work on the Internet. To do this you must use the codes inside your notepad like this: When you have completed your work you must file it as an .html file ie my_first_page.html - if you don't do this, the browser will not be able to read your work. If it is to be your homepage on your website then you must file it as index.html with no additions to it. To be able to see your creation - go to your browser bar at the top of your screen and click on: File > Open > Browse (at this point you should see "File name:" which is blank and "Files of type: HTML files") then locate your 'my_first_page' file (it will not show the .html) - Click on it and open. Your browser will open your file and reveal your work. You now have your page on the Internet for viewing and also your notepad with the coding. From hereon when you make changes in your notepad you must file it every time and then hit 'refresh' on your browser to update your page.
What is HTML? HTML means Hyper Text Markup Language. You need to use it so that your browser can read your input on the internet. To keep things simple and easy I wont go into explicit details but will go straight to the basic codes and rules you need to know for now. TAGS and the rules: Tags are these things: < > Inside these tags is where you insert your commands and attributes. An HTML rule is IF YOU OPEN IT CLOSE IT, like this: When inserting tags you must CLOSE them in the OPPOSITE order you inserted them, like this: OKAY! Let's get straight into it.
Font sizes you can use are: 7 6 5 4 3 2 1 or +1 +2 +3 +4 +5 +6 +7 or -1 -2 -3 -4 -5 -6 -7 This is the code for font styles: (For more font styles, refer to the list at the bottom of the page) Font Combinations: Color - Style - Size
This is the code for bold text / underline text / italic text: A combination of text using all 3 attributes:
The Line Break is a simple but very important code: Centering text on your page can be quite effective:
The < P > paragraph < /P > is used to donate a new
paragraph to which you can also use the 'align' attribute.
Well it's dead easy, just like this: 2. 3. 4. 5. 6. GOT THE IDEA NOW? One last thing - the < BR > and the < HR > tags do NOT have closures
With the Marquee tool you can set your background color, width, font, speed and even add an image.
 That's a cute pic dont you agree? It is also a link - click on it and see what happens. I'm going to show you how I did it. Right click on the pic below and 'save image as' or 'save picture as' the image to your files (make sure the image is in the same folder as your html page).
OK here we go: The same rule applies to gif images, but gifs are better suited for small images. That is one way of doing a link, the other way is a text link www.scintilla4u.com and you do it like this:
Questions?
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||