|
|
| Home | Old Issues | Examples |
Welcome to Nathsite's weekly 'Around the Web in Eighty Kilobytes', a 20-part free guide to building a website of your own, and using the web well.
To stop getting ATWI80KB's, send an empty email to atwi80kb@homepage.com with 'NO MORE THINGIES' as the subject. To look at examples and previous ATWI80KB's, go to http://atwi80kb.homepage.com
AROUND THE WEB IN EIGHTY KILOBYTES 1.5 - 1.6
ATWI80KB 3
April 21, 2000
1) Paragraphs
2) Lines
Example
1) PARAGRAPHS
Browsers ignore 'ENTER' and all spaces other than the first. For example, if you type this code in a document...
The boy ate the potato
The potato didn't eat the boy
...the browser will show something like this:
The boy ate the potatoThe potato didn't eat the boy
So how do you go to the next line? One way is to type everything in a <p> tag, but this method isn't very good.
eg. <p>The boy ate the potato</p><p>The potato didn't eat the boy</p>
Another way is the <br> tag. All the tags I've told you about till now needed a closing tag. <br> doesn't. eg. The boy ate the potato<br>The potato didn't eat the boy <p> can be used this way, too, but that isn't proper code! 8-)
To make spaces, type ' ' (eg. The boy ate the potato). The advantage of browsers not recognising 'ENTER' and spaces is that you can use line breaks and spaces to make pages' source codes easy to read and edit.
2) LINES
One nice thing you can do with HTML is you can draw 3D lines with a simple tag - <hr>. When you use the <hr> tag, you don't need to use a <br> tag, because the text after it automatically appears on the next line.
The <hr> tag has some attributes which can be changed:
Width: To change how much of the screen the line covers. Use percentage or pixels.
eg. <hr width=150> -- for pixels
<hr width=50%> -- for percentage of screen
Size: To change how thick the line is. It written in pixels.
eg. <hr size=5>
noshade: If you type this, the line won't be 3D.
eg. <hr noshade>
You don't have to change ALL the attributes every time, and attributes for most tags are optional.
EXAMPLE
<html>
<head>
<title>Where's the fish?</title>
</head>
<body>
<i>When</i> are you going to make your first <b>real</b> page?
<br>
I have <u>no</u> idea.
<p>New Paragraph.</p>
<hr width=70% size=7>
<hr width=60% size=6>
<hr width=50% size=5>
<hr width=40% size=4>
<hr width=30% size=3>
<hr width=20% size=2>
<hr width=10% size=1>
<hr noshade width=100>
<hr width=150>
<hr size =1>
<hr>
</body>
</html>
See you in a week!
Aniruddh Nath
Email questions to atwi80kb@homepage.com - I'll reply if I have time. I might write stuff from your email in later ATWI80KB's.
NOTE: I'm not responsible for any damage done to your computer because of this tutorial.