Lektion 3

Hej igen
Vi kör igång direkt med att skriva lite kod. Vi ska sätta in en fin rubrik i vår hemsida. rubriken ska skrivas i BODY delen. det Finns 6 olika rubriktyper och dom inleds alltid med <Hx> och slutar som vanligt med </Hx>. Nu finns det ingen tagg som heter x utan där ska du skriva in en siffra och dom är 1-6. Varav 1 är störst och 6 är minst. H:et står för Heading och betyder rubrik på engelska.

Det fiffiga med att göra en  rubrik är att du får en massa gratis saker på köpet. När du skriver första rubriktaggen så skapar datorn ett utrymme ovanför bokstäverna och när sluttaggen skrivs så skapar han en radframmatning automatiskt. <Hx> kan du skriva hur många som helst och var som helst om dom finns i BODY delen.

Vi ska nu skriva en rubrik för vår hemsida Skriv Min egen hemsida. det ska se ut så här med rubrik 2:

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H2>
Min egen hemsida
</H2>
Hej och välkommen till min första hemsida
</BODY>
</HTML>

Spara som ni har lärt er så att ni kan se hur det ser ut. För att underlätta för er så har jag skapat länkar som ni kan studera hur det ska se ut om ni har skrivit rätt. Titta här så ser du hur det ska vara i verkligheten Lektion3 ovn.1. (gäller bara om du är online och glöm inte att trycka på krysset uppe i vänstra hörnet när du tittat klart) För att få kläm på detta med Rubriker ska vi skriva alla storlekar så att du kan se hur dom ser ut. Vi ska därför göra en ny txt som heter rubrik.txt. Öppna index.txt och tryck på Arkiv och sedan Nytt. Spara nu dokumentet i namnet rubrik.txt i vår mapp. Börja nu att skriva ut texten med dom olika rubriker och vi använder samma rubrik som förut. Vi börjar med 1 och går ner till 6. Så här ser det ut:

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H1>
Min egen hemsida
</H1>
<H2>
Min egen hemsida
</H2>
<H3>
Min egen hemsida
</H3>
<H4>
Min egen hemsida
</H4>
<H5>
Min egen hemsida
</H5>
<H6>
Min egen hemsida
</H6>
Hej och välkommen till min första hemsida
</BODY>
</HTML>

För att jämnföra kolla här. Lektion 3 ovn2  Studera hur det skapas mellanrum mellan rubrikerna och hur stora dom är.
Jag tror att ni har nu fått kläm på hur man ska skriva en htmlkod så för att spara tid och plats så kommer jag att dra ihop koden lite grann. Den kod som vi nyss skrev kommer att se ut så här i fortsättningen

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H1>Min egen hemsida</H1>
<H2>Min egen hemsida</H2>
<H3>Min egen hemsida</H3>
<H4>Min egen hemsida</H4>
<H5>Min egen hemsida</H5>
<H6>Min egen hemsida</H6>
Hej och välkommen till min första hemsida
</BODY>
</HTML>

 

Mellanrum och avbryt

För att få ett mellanrum mellan två rader sätter man dit p-taggen den ser ut så här. <P> och</P> och den talar om att du vill göra ett nytt stycke i texten Vi öppnar vår index.txt och skriver följande mening. Hej och välkommen till min första hemsida. Jag har gjort den här sidan i HTML-skolan och jag tycker den är jättefin. jag kan nu skriva rubriker och jag kan skriva dom med olika storlekar. Jag har tyvär inte lärt mig att ändra färg på texten eller ändra bakrundsfärgen men jag hoppas att vi kommer dit snart. Men det är ju bara än så länge 3:dje lektionen så jag får väl vänta eller smygtitta på nästa lektion.

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H2>Min egen hemsida</H2>
Hej och välkommen till min första hemsida. Jag har gjort den här sidan i HTML-skolan och jag tycker den är jättefin. jag kan nu skriva rubriker och jag kan skriva dom med olika storlekar. Jag har tyvär inte lärt mig att ändra färg på texten eller ändra bakrundsfärgen men jag hoppas att vi kommer dit snart. Men det är ju bara än så länge 3:dje lektionen så jag får väl vänta eller smygtitta på nästa lektion.
</BODY>
</HTML>

Nu ska det se ut så här i din hemsida. Lektion 3 ovn3 All text är skriven i ett enda stycke utan avbrott av något slag. För att göra ett nytt stycke ska vi använda oss av P-taggen. skriv in p-taggen på rätt ställe så ser det ut så här:

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H2>Min egen hemsida</H2>
Hej och välkommen till min första hemsida. Jag har gjort den här sidan i HTML-skolan och jag tycker den är jättefin. Jag kan nu skriva rubriker och jag kan skriva dom med olika storlekar.
<P>
Jag har tyvärr inte lärt mig att ändra färg på texten eller ändra bakrundsfärgen men jag hoppas att vi kommer dit snart. Men det är ju  bara än så länge 3:dje lektionen så jag får väl vänta eller smygtitta på nästa lektion.</P>
</BODY>
</HTML>

Nu ska det se ut så här i din hemsida. Lektion 3 ovn 4.  Om du skriver två stycket p-taggar efter varandra så skapar datorn automatiskt ett mellanrum i dokumentet.   Exp.

<P>jag är lång</P><P>jag har en cykel</P>

Blir automatiskt till:

<P>jag är lång</P>

<P>jag har en cykel</P>

Hur gör man när man vill bryta mitt i en mening då. Jo, den heter BR-taggen. Det speciella med BR är att den har inget stopptecken utan kanskrivas när som helst. Men var återhållsamma med den då du inte vet hur det kommer att se ut i andras skärmar. Vi provar att använda den i vår text skriv in den på följande ställen:

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H2>Min egen hemsida</H2>
Hej och välkommen till min första hemsida.<BR>Jag har gjort den här sidan i HTML-skolan och jag tycker den är jättefin.<BR>Jag kan nu skriva rubriker och jag kan skriva dom med olika storlekar.<BR>
<P>
Jag har tyvärr inte lärt mig att ändra färg på texten eller ändra bakrundsfärgen men jag hoppas att vi kommer dit snart.<BR>Men det är ju  bara än så länge 3:dje lektionen<BR>så jag får väl vänta eller smygtitta på nästa lektion.</P>
</BODY>
</HTML>

Nu ska det se ut så här i din hemsida. Lektion 3 ovn 5  Inte så snyggt eller hur. När man skriver in långa löpande texter ska man försöka hålla sig till P-taggen. Ta bort alla BR taggar och återställ index så att den blir snygg igen.

Jaha, nu var denna lektion slut och som vanligt maila om det är nåt konstigt

 

 

Förra kapitlet    Till hemsidan    Nästa kapitel

Last time i update this page was 31 aug 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          html-skolan@kurir.net