Fik du lavet din egen side? Ellers er her et eksempel:
<html> <head> <title>Min side</title> </head> <body> <h1>En overskrift</h1> <p>tekst, tekst tekst, tekst</p> <h2>Underoverskrift</h2> <p>tekst, tekst tekst, tekst</p> </body> </html>
Nu er det tid til at lære 8 nye tags.
På samme måde som du laver din tekst fed med <b>, kan du sætte din tekst i kursiv med <i>. "i" er en forkortelse for "italic" (engelsk for "kursiv").
Eksempel 1:
<i>Dette skal stå i kursiv</i>
Vil se sådan ud i browseren:
Dette skal stå i kursiv
Med <small> ("lille") kan du gøre din tekst mindre:
Eksempel 2:
<small>Dette skal være småt</small>
Vil se sådan ud i browseren:
Dette skal være småt
Du kan sagtens bruge flere typer tags på samme tid, bare du undgår overlappende tags. Dette er bedst illustreret med et eksempel:
Eksempel 3:
Hvis du vil skrive en tekst med fed og i kursiv, skal det gøres sådan:
<b><i>Tekst i fed og kursiv</i></b>
Og IKKE sådan:
<b><i>Tekst i fed og kursiv</b></i>
Forskellen er, at jeg i det første eksempel lukker det tag, jeg har åbnet først, til sidst. På den måde undgår jeg at forvirre både mig selv og browseren.
Kan du huske, at jeg i lektion 4 fortalte, at der findes tags, der åbnes og lukkes i samme tag. Disse tags indeholder kommandoer, der ikke er knyttet til et specielt stykke tekst, men er en enkeltstående kommando. Et eksempel på et sådan tag er <br />, som skaber et tvunget linieskift:
Eksempel 4:
Lidt tekst <br />og lidt mere tekst på en ny linie
Vil altså se sådan ud i browseren:
Lidt tekst
og lidt mere tekst på en ny linie
Bemærk at der er indsat et mellemrum og en skråstreg tilsidet i taget, på den måde åbnes og lukkes det på samme tid. I princippet kunne man også skrive <br></br>, men der er jo ingen grund til at gøre det mere kompliceret.
Et andet tag, der også åbnes og lukkes i samme tag, er <hr />, som bruges til at tegne en horisontal streg. "hr" står for "horizontal rule" = "horizontal streg" (jo, "rule" kan godt betyde "streg"):
Eksempel 5:
<hr />
Vil altså se sådan ud i browseren:
Et tag, hvor der både skal bruges et åbnings- og et lukningstag (som der oftest skal), er <blockquote> ("citat-blok"). Taget laver et indryk i din tekst:
Eksempel 6:
<p>Pludselig pegede Bilbo:</p> <blockquote><p>Der er den gamle drossel igen!</p></blockquote> <p>Det var ganske rigtigt den gamle drossel...</p>
Vil altså se sådan ud i browseren:
Pludselig pegede Bilbo:
Der er den gamle drossel igen!
Det var ganske rigtigt den gamle drossel ...
En anden måde at lave et indryk på, er ved at bruge <ul>: "unordered list", hvilket sådan cirka kan oversættes til "liste uden rækkefølge". Eller <ol>: "ordered list" = "liste med rækkefølge". Til at lave punkter i listen bruges <li> ("list item" = "listepunkt"). Forvirret? Se eksemplerne:
Eksempel 7:
<ul> <li>Her står punkt A</li> <li>Her står punkt B</li> </ul>
Vil se sådan ud i browseren:
Eksempel 8:
<ol> <li>Her står punkt et</li> <li>Her står punkt to</li> </ol>
Vil se sådan ud i browseren:
Det var alt for nu. Prøv nu igen at lave dine egne sider, hvor du bruger nogle af de 8 nye tags:
<i>Kursiv</i>
<small>Mindre tekst</small>
<br /> linieskrift
<hr /> Horisontal linie
<blockquote>indrykning</blockquote>
<ul>Liste<ul>
<ol>Ordnet Liste<ol>
<li>Listepunkt</li>
You can find this lesson and the rest of this HTML tutorial in English at HTML.net.
