Lektion nr 3

Lesson 3

Hi again.
No fuzz here, let the fingers work from the beginning. Vi start to write some htmlcodes and the first one is to make a big headline.This one is in the bodypart. There is 6 different size of them and they all start with <Hx> and stop with </Hx> Now I have to say that the little x is a number and they go from 1-6. 1 is the biggest one and 6 is the smallest. H stands for Heading.

The best part of this is that you got some nice bonus when you use this code. When you start to write the first H the computer start to make up some space above the line and when you write the stop-H he make some extra space under the line (like a new line made with enter) You can write as many H you want in the bodypart and at anyplace you want.

We will now write a headline and it will be this one. Write My own homepage and when we use H2 it looks like this:

<HTML>
<HEAD>
<TITLE>
My first homepage
</TITLE>
</HEAD>
<BODY>
<H2>
My own homepage
</H2>
Hi and welcome to my first homepage
</BODY>
</HTML>

Save it like I have told you so we can see how it looks like in real.To make it easier I have create new page that you can see how it should looks like if you did it right. Look at this page: Lesson3.1 (This is only for you who is reading this online and don't forget to close it when you are finish) Now to real shore that you get this about headlines we will try them all. We will make a new notepad page and call it head.txt and start to write them all in and use the same headline we had before. Start with 1 and go down to 6. Like this:

<HTML>
<HEAD>
<TITLE>
My first homepage
</TITLE>
</HEAD>
<BODY>
<H1>
My own homepage
</H1>
<H2>
My own homepage
</H2>
<H3>
My own homepage
</H3>
<H4>
My own homepage
</H4>
<H5>
My own homepage
</H5>
<H6>
My own homepage
</H6>
Hi and welcome to my first homepage
</BODY>
</HTML>

To see if you did it right look here Lesson3.2 I want you to study how the space looks and how big they are around the headlines. I think you start to understand how we write html so to save time and space I will make it smaller. The one we write will look like this in our lesson from this point. Compare with the other html we wrote.

<HTML>
<HEAD>
<TITLE>
My first homepage
</TITLE>
</HEAD>
<BODY>
<H1>My own homepage</H1>
<H2>My own homepage</H2>
<H3>My own homepage</H3>
<H4>My own homepage</H4>
<H5>My own homepage</H5>
<H6>My own homepage</H6>
Hi and welcome to my first homepage
</BODY>
</HTML>

Space and lineshortning

To get a space between two lines you use <P> and</P> and P makes the text to be a separate from the other lines. Open index.txt and write this lines: Hi and welcome to my first homepage. I have made this one with help from HTML-school and I think it looks real cute. I can make headlines and also do them in different size. How ever, I cant yet change colour or change colour on the background. Its only the 3:d lesson so I have to wait says the teacher. Maybe I can sneak over and look how I can do it. I try when he turn he�s back on me.

<HTML>
<HEAD>
<TITLE>
My first homepage
</TITLE>
</HEAD>
<BODY>
<H2>My own homepage</H2>
Hi and welcome to my first homepage. I have made this one with help from HTML-school and I think it looks real cute. I can make headlines and also do them in different size. How ever, I cant yet change colour or change colour on the background. Its only the 3:d lesson so I have to wait says the teacher. Maybe I can sneak over and look how I can do it. I try when he turn he�s back on me.
</BODY>
</HTML>

If you done it right it should look like this: Lesson3.3 All the lines is together in one piece. IF you write a lot of text you have to separate them in nice packets. Its now when we can use the P. Write the p at the right place:

<HTML>
<HEAD>
<TITLE>
My first homepage
</TITLE>
</HEAD>
<BODY>
<H2>My own homepage</H2>
Hi and welcome to my first homepage. I have made this one with help from HTML-school and I think it looks real cute. I can make headlines and also do them in different size.
<P>
How ever, I cant yet change colour or change colour on the background. Its only the 3:d lesson so I have to wait says the teacher. Maybe I can sneak over and look how I can do it. I try when he turn he�s back on me.</P>
</BODY>
</HTML>

Look here for the result: Lesson3.4 If you write to P�s after each other the computer automatic put a space between the lines. Example:

It turns out like this:

How do you do when you want to make a break in a line. BR is the name for it. It is a special thing with BR and that is that you don't need to put a stop on him. But be careful to use this one course you never now how it looks when other see it. Lets test and see how it looks:

<HTML>
<HEAD>
<TITLE>
My first homepage
</TITLE>
</HEAD>
<BODY>
<H2>My own homepage</H2>
Hi and welcome to my first homepage.<BR>I have made this one with help from HTML-school and I think it looks real cute. I can make headlines and<BR>also do them in different size.
<P>
How ever, I cant yet change colour or change colour on the background.<BR>Its only the 3:d lesson so I have to wait says the teacher.<BR>Maybe I can sneak<BR>over and look how I can do it. I try when he turn he�s back on me.</P>
</BODY>
</HTML>

Well lets see the line-up Lesson3.5 I have seen better. Use it not to much and look always before you puts it on your homepage. Take away all the BR and save it.

Okay, this one is over but I see you in next. Mail if you have problem.

Last lesson To homepage Next lesson

Last time I update this page was03 sep 1998

Inneh�llet i denna bok p� n�tet f�r varken helt eller delvis kopieras eller lagra p� maskinl�sbart medium eller annat utan upphovsr�ttsinnehavarens skriftliga tillst�nd.
Copyright: � Jan Bostr�m 1998 [email protected]