[This article first appeared on MWEB iTutor]
DIY HTML - Part 2
Page 1, Itching to learn more?
Since the first tutorial you should be itching to be the next great web designer. Don't worry, its natural. You may also be feeling the urge to stay up late at night, drink excessive amounts of coffee and become a bit of a recluse...that's fine too, after all you want to learn how to do this thing don't you?
As I said last time, web pages were initially intended only to display text. Here are a few more tags for you to be placing between the <body> tags which, you'll see after experimenting, give a fair amount of control over the look of your text:
<i>Your text will now be in italics</i>
<b>This makes words bold</b>
<tt>Now your text will be in that classic type-writer font</tt>
<h1>This is a headline tag</h1>
The <h1> tag is the largest of the header tags and they come in a range from <h1> through to <h6> being the smallest</h6>.
<p> When you start writing large amounts of text you'll want to be able to put text into paragraphs... </p>
...and drop sentences down<br>
to start on a new line.
At this stage of learning HTML, you're stuck with words starting on the left of the page. Remember the browser's default settings? These force text to begin on the left of the page and run from the top down. It's designed around the western way of writing: top to bottom, left to right. In time you'll learn various powerful tricks to manipulate page lay-out, but for now familiarise yourself with the basics.
I'll tell you this much,
<center> this centre's things on your page</center>
|
| 1 | 2 | 3 |
|
|
|