Welcome to Flora's HTML Help page! If you need help on how HTML works, come to this page for all your HTML needs. The guide isn't completely finished yet, but keep checking back for updates.
THE GUIDE
Basics
Most web pages are made of text. To type something into your page, just type what you want to show up. You only use tags if you want your text to do something special. Some commonly used tags are:
<b> bolds text <b> you need to end this
<br> inserts a line break - like pressing enter on a keyboard
<p> starts a new paragraph - very useful for splitting up text
<i> this makes text in italics </i> you need to end this
<u> this underlines text </u> you need to end this
Font Size:
You can also change the size of your font. In HTML the sizes range from 1(very small) to 7(very big). To change the size of your font you need to type:
<font size=1>text here</font>
You must end your font tag or all text typed afterwards will be that size.
These are the different size fonts you can use:
Font Description:
Not many use Size 1. It would be size 9 on Wordpad, Microsoft Word, etc.
Size 2 isn't used much either. It's size 10.
Size 3 is usually used for regular text, though it's a little small. It would be size 12.
Size 4 is also used for regular text, though it's a bit big. It would be size 14.
Size 5 is used in headlines. It would be size 18.
Size 6 is used in titles, it being size 24.
Size 7 is usually used in titles only to make a standout. It's size 36!
More Basics
Once you're comfortable with using the simple tags such as bold and underline, you can move onto other things that can make your text more interesting. Here you'll learn how to add bullet points, make lists and insert a horizontal line.
Bullet Points:
Bullet points are slightly harder. In HTML bullet points are called unordered lists or ul for short. To start bullet points you need to type <ul>. You want each bullet point to appear on a new line so you type <li> before it. When you've finished your bullet points, type </ul>. The code would look like this:
<ul>
<li>bullet 1
<li>bullet 2
<li>bullet 3
</ul>
This is what would actually be displayed on your page:
Numbered Lists:
Creating an ordered list uses the same principle as bullet points except you use <ol> instead of <ul>. The code for a numbered list would look like this:
<ol>
<li>point 1
<li>point 2
<li>point 3
</ol>
This is what would actually be displayed on your page:
Horizontal Lines:
If you want to divide the page, a useful item is the horizontal rule (hr). The default rule goes all the way along the page. Wherever you want to add a line simply type <hr>. You can change the width, height and the amount of shading to make it look different. This is what one looks like:
Width can either be measure in pixels or percentage. A page is normally about 600 pixels wide. To change the width you type <hr width=300> or <hr width=50%>.
Size refers to how large the rule is. You change it just like the width. If you wanted to make a 10 pixel wide line you'd type <hr size=10>.
By default, rules have shading. You can create a line without shading by typing <hr noshade>.
You can combine as many things as possible within one tag. If you wanted to make a 300 pixel wide line that was 10 pixels wide and had no shading you'd type <hr noshade width=300 size=10>.
It doesn't matter what order they're in as long as they are all within the < and > tags!
That's It So Far...
Well, that's as far as I've gotten to. I'll add more later!
See ya!
Make a free website at Freewebs.com