HTML - The Basics - 2
So now we have written and been able to view our work, let's look at how we tart it up a bit!
Headlines are created using the H tag. There are 7 different sizes, as follows.
</H1>being the largest
and <H7></H7> the smallest.
Have a go. Open up a new file with the tags already there in Notepad. Then type in the following into the body section
Now go back to the top and add 'Hello' in the middle of each of the tags, as follows:
Save the file and go back and view it. Tip: If you already have it in the browser, you can save
yourself a lot of clicking by using the 'REFRESH' button in Internet Explorer, or the 'RELOAD' button
in Netscape Navigator. It makes the changes immediately.
So , now you have the ability to change text sizes.
How about adding Bold, Italic and Underlining text?
You need the TAGS for Bold, Italic and Underline. They are:-
<strong>text</strong> for Bold text
<i>text</i> for Italic text
and <u>text</u> for Underlined text
Just clip these tags around the text you want to highlight, then save the file, hit the 'RELOAD/REFRESH' button
Hey this is easy stuff! What's next?
How about Centring text?
The tag command is 'center'.
<center>text</center> puts the text in the middle of the page. Try it and see what happens to your page.
Please note spelling of center = American Spelling. This is the case for most HTML tags.
Here's some more text tags to play with
Here is the line with the above attributes.
- <font color=blue>text</font>
- <font size=1>text</font> - changes the size of your text (1-7) without it having to feed on the next line,
as you'll have noticed a headline does automatically.
- <strike>text</strike> - puts a line through your
- <tt>text</tt> - makes it look like typewriter text
- <sub>text</sub> - gives yousubscript and <sup>text</sup> gives you superscript (below and above the normal line)
<address>text, home, city</address> makes it in to an address listing on a separate line??? (really useful)
text</blockquote> turns text into a block
- <HR> - FINALLY gives you a horizontal line on your page to help you split up your text. You can add ALIGN=LEFT, CENTER, or RIGHT within
the tags to align it up. You can also add the WIDTH attribute to determine how wide (in pixels) it should be. It would look like this.
<HR align=center width=200>
You can also sayWIDTH = 50% which makes it half the size of whatever size of screen is displaying the page. One more attribute for HR before we move on NOSHADE - try it and see what it does!
Previous Page click for Next Page