Almindelige tags:
De fleste HTML-tags består af et start og et slut tag. Afslutningstagget består af en skråstreg før definitionen. Alt det man ser som indhold på siden i browseren ligger mellem <body> og </body>
Der findes omkring 120 forskellige tags – dvs måder man kan opmærke test på. Opmærkningen i html er megt relateret til indholdet og har ofte en indholdsmæssigt betydning.
De parvise tags definerer hvordan tekst, billeder eller andre tags imellem tagsene skal opføre sig.
f.eks vil koden : <strong> noget tekst</strong>
se sådan ud i browseren:
noget tekst
Det svarer altså til at gøre teksten fed i word.
Overordnede informationer om siden ligger mellem <head> og </head>. Disse bliver læst af browseren men ses ikke umiddelbart. Dog ses ses teksten mellem <title> og </title> på fanebladet.
<p> paragraf tagget </p>er eksempel på et tag der hører til ned i body-sektionen.
Nogle få tags så som linieskift og horisontal ruler (vandret linie) består kun af ét tag. Dette tag afsluttes med en skråstreg efter definitionen inde i tagget.
Linieskift: <br>
Der findes mange tags, som har en fordefineret betydning, men de mest benyttede ser du her:
<H1…6> Overskrifter
Kan variere i størrelse fra 1 (størst) til 6 (mindst)
<p>paragraf
En paragraf er et almindeligt tekstområde / tekstafsnit.
<strong> bold
Strong gør teksten fed
<em>emphasis
Emphasis gør teksten kursiv
<br>break
Break er et enkelt linieskift.
Fremkommer ved shift+return
<table><tr><td>tabeller, rækker, celler
Tabeller starter og slutter med table-tag. Heri kan optræde et antal rækker <tr> og inde i hver række kan der være et antal celler <td>.
Tabeller er den “gamle”, men lidt mere enkle måde at styre, hvor indholdet af hjemmesiden skal være.
<img>billede
Billeder indsættes med et image tag og skal refereres til via src parameteret.
<img src="blomst.jpg" />
<ul><li>lister
Lister består af et sæt tags. Listen starter og slutter med et ul-tag (eller ol-tag) og har li-tags om hvert punkt.
<ul>
<li>pkt1</li>
<li>pkt2</li>
</ul>
Det vigtigste tag overhovedet a-tagget
<a>link
<a></a> skal stå rundt om den tekst man vil gør til link, og har parameteret href som er stien til dét linket peger mod.
Target afgør hvordan targetsiden/stedet åbnes.
<a href=”http://www.google.com” target=”_blank”>link</a>
Man kan lave forskellige typer af links
- links til eksterne hjemmesider
- links til .html sider på ens eget site
- links hvor mailprogrammet åbnes
- links længere nede af siden
1. Links til eksterne hjemmesider
<a href="http://google.com" target="_blank"> Google</a>
2. Links på egen hjemmeside
<a href="side2.html">næste side</a> (brug den relative sti)
3. Links til mailprogram
<a href="mailto:mig@mail.dk">Skriv en mail til mig</a>
4. Links til at springe på siden (named anchors) name attributten angiver navnet på et anchor. Du bestemmer selv navnet.
name attributten bruges til at lave et bookmark inde i html dokumentet. Bookmarks er usynlige for læseren og usynlige i browseren.
Lav først et named anchor eller bookmark inde i et html dokument. Dét sted du vil springe til. Jeg har kaldt det top:
<a name=”top”></a> (behøver ikke tekst mellem start og slut-tag) html5
<a id="top"></a>Lav et link dét sted du vil springe fra, et andet sted inde i samme html dokument.
<a href="#top">Hop til top</a>
Det kan også være linket til et bestemt sted i et helt andet html dokument.
<a href="anden_side.html#info">Gå til infoafsnit på den anden side</a>
html specialtegn: Hvis I har brug for at vise tegnet <, uden at browseren skal forstå det som htmlkode, kan du bruge et html-specialtegn.
For < kan du skrive < (less than)
tilsvarende
for > kan du skrive > (greater than)