Html-papkassens tutor

Kapitel 2 - Tekst

Så er vi kommet så vidt at vi kan lave det helt basale af en hjemmeside. Nu skal vi lære lidt om, hvordan man kan formatere teksten som man vilhave den. For dem af jer, der har haft bare en lille smule med tekst programmer at gøre, er det slet ikke så mystisk at gå ombord i.

Vi ta'r overskrifterne først, det er vist det nemmeste. For at lave en overskrift kan man bruge tag'et <h1> - <h6>, altså, der er 6 forskellige størrelser på overskrifterne og dertil kommer, at når man laver en overskrift skifter browseren automatisk linie, plus et mellemrum, når man har afsluttet tag'et, prøv selv at skriv:

Eks. 2

<html>

     <head>

     <title>Eksempel 2</title>

     </head>

     <body>

     <h3>Dette er overskriften</h3>

     Og her er lidt almindelig tekst, ja der er.

     </body>

     </html>

Prøv at se det i din browser, eller tryk her.

Man kan også lave om på den almindelige tekst, så bruger man bare et <font> tag. Hvis så man giver endnu en kommando inden i tag'et, så ser det sådan her ud: <font size=2>, og så skal man bare huske at afslutte med </font> når skriftstørrelsen skal være den originale, for ellers kan det gå helt galt. Der findes 7 forskellige størrelser og man kan bruge dem på denne måde:

Eks. 3

<html>

     <head>

     <title>Eksempel 3</title>

     </head>

     <body>

     <font size=1>Det</font> <font size=2>er</font>

     <font size=3>da</font> <font size=4>ikke</font>

     <font size=5>så</font> <font size=6>svært</font>

     <font size=7>vel ?</font>

     </body>

     </html>

Se resultatet her

Hvis man bare vil fremhæve enkelte ord i teksten, vil jeg anbefale at man bare bruger tag'et <b&tg;. Det gør at teksten bliver tykkere i det valgte ord. Bare skriv:

Eks. 4

<html>

     <head>

     <title>Eksempel 4</title>

     </head>

     <body>

     Hvis skriften skal være tyk, <b>så brug b som bold.</b>

     </body>

     </html>

Se resultatet her.
Så nemt kan det gøres, men der er lige et par fif til, se her:

Eks. 5

<html>

     <head>

     <title>Eksempel 5</title>

     </head>

     <body>

     Hvis du vil have skriften større, <big>så brug big</big>.

     Vil du have skriften mindre, <small>så brug small</small>.

     </body>

     </html>

Se resultatet her.
<big> og <small> kan man altså også bruge, og de gå ud fra skriftstørrelsen i browseren, så skriften bliver enten et nummer større eller mindre, smart ik'.

< Forrige | Næste >

Kapitel: indledning | 1 | 2 | 3