HTML-tags

Lister:


<OL>Div. tags og tekst</OL>
Dette er en ordnet liste. Ved denne type liste vil der blive vist et bogstav eller tal ud for hvert punkt.
<LI>
Dette tag skal være før hvert punkt på listen.
[COMPACT] Muligt.
Angiver, at listens indhold skal holdes tæt sammen.
[Type="A, a, I, i eller 1"] Anbefalet.
A: Tallet eller bogstavet ud for punkterne vil være med store bogstaver.
a: Tallet eller bogstavet ud for punkterne vil være med små bogstaver.
I: Tallet eller bogstavet ud for punkterne vil være med store romertal.
i: Tallet eller bogstavet ud for punkterne vil være med små romertal.
1: Tallet eller bogstavet ud for punkterne vil være med tal.
Kun én punkttype kan bruges.
[START="n"] Muligt.
Angiver startværdien, hvor n er det første tal eller bogstav.

Uordnet liste.


<UL>Div. tags og tekst</UL>
Der vil kun være en prik, også kaldet bullit, før hvert punkt.
<LI>
Dette tag skal være før hvert punkt på listen.
[COMPACT] Muligt.
Angiver, at listens indhold skal holdes tæt sammen.
[TYPE="disc, circle eller square"] Anbefalet.
Angiver hvilken type bullit der skal være før hvert punkt. Kun én af typerne kan bruges.

Tags.


Nødvendige tags.


Disse tags skal være til stede i et hvert html-dokument. Når jeg forklarer attributter, skriver jeg dem i [ ] parenteser. Det skal du ikke gøre i dit html-dokument. Efter [ ]parenteserne står der enten "Altid," "Anbefalet" eller "Muligt". Hvis der står "Altid", skal denne attribut anvendes. Hvis der står "Anbefalet", bør du bruge attributtet. Hvis der står "Muligt", må du selv bestemme, om du vil udnytte attributtets funktion.

Der findes mange flere tags og attributter til de beskrevne tags, end jeg har beskrevet her. Man er dog godt på vej med dem her, og almindelige mennesker får ikke brug for mange flere.


<HTML> Her kommer hele siden til at stå. </HTML>
Disse to tags skal være henholdsvis først og sidst i html-dokumentet. De angiver, at tekst der er placeret mellem dem, er i html-kode.

<HEAD> <TITLE> Sidens Titel </TITLE> </HEAD>
Disse tags placeres lige efter det første <HTML> tag. Ud over <TITLE> taget kan der placeres andre dokumentoplysninger mellem <HEAD> tagsene. Mellem <TITLE> tagsene kan "Sidens titel" erstattes med en overskrift. Den vil blive vist i den øverste bjælke i web-browseren.

<BODY> Nogle attributter </BODY>
Mellem disse tags kan man definere farverne på forskellige ting.

[BACKGROUND="billede.gif"] Muligt.
Hvis du vil bruge et billede som baggrund, skal dets navn skrives her. Billedet behøver ikke at fylde hele skærmen (så ville det tage for lang tid at hente), for billedet bliver nemlig gentaget hele tiden.

[BGCOLOR="#rrggbb"] Anbefalet.
Hvis du ikke vil bruge et billede som baggrund, kan du her angive farven i såkaldt hexadecimal farvekode. Det er muligt at finde skemaer visse steder på internettet, som viser disse koder. Hvis du ikke bruger dette tag, vil der blive vist en baggrundsfarve, som er forudinstillet i browseren.

[TEXT="#rrggbb"] Anbefalet.
Her angiver du farven på teksten på samme måde som overstående. Med mindre du ikke har difineret et baggrundsbillede eller baggrundsfarven, bør du bruge denne attribut. Hvis du har angivet at baggrunden fx. skal være hvid, vil folk der har indstillet deres browser til at vise med hvd tekst på sort baggrund, når intet andet er anguvet, ikke kunne se din tekst.

[LINK="#rrggbb"] Anbefalet.
Her angiver du farven på links til andre html dokumenter på samme måde som overstående. Hvis du har indstillet baggrundsbillede/baggrundsfave bør du bruge denne attribut.

[VLINK="#rrggbb"] Anbefalet.
Her angiver du farven på links til dokumenter, som man har set. Hvis du har indstillet baggrundsbillede/baggrundsfarve, bør du bruge denne attribut.

Overskrifter:


Der findes 6 typer overskrifter. Det er lidt forskelligt hvordan browserene viser forskellen, men her har jeg beskrevet det som browseren Microsoft Internet Explore gør. Du vil se det som din browser gør.

<H1>Meget stort</H1>


<H2>Temmlig stort</H2>


<H3>Stort</H3>


<H4>Ca. det samme som normal fed tekst</H4>


<H5>Småt</H5>

<H6>Meget småt</H6>

De egentlige størrelser på overskrifterne er individuelle fra browser til browser og fra person til person. Det er noget, der kendetegner html, at siderne faktisk kan ses på utroligt mange måder alt efter skærmstørrelse, skærmopløsning og skriftstørrelse (fx. stort ved svagtseende). På trods af det bruger jeg aldrig H1 til overskrifter og kun sjældent H6 til ting der ikke skal have nogen opmærksomhed så som copyrights.

[ALIGN="right, center eller right"] Muligt.
Dette attribut placeres således: <H3 ALIGN=CENTER>Overskrift</H3> og bruges til at definere, om teksten skal være højrestillet [ALIGN=right], centreret [ALIGN=center] eller venstrestillet [ALIGN=left]. Kun en af mulighederne kan bruges. Align-tagget bruges også i mange andre tags.

Fed:


<B>Dette er med fed</B>

Kursiv


<I>Dette er med kursiv</I>

Understreget:

<U>Dette er understreget</U>

Skrivemaskineskrift:


<TT>Dette er med skrivemaskineskrift</TT>

Gennemstreget:


<S>Dette er gennemstreget</S>

 Du kan lave skriften stor eller lille. Rød eller blå.

Tekstformatering:


Linieskift


<BR>

Afsnit:


<P>Dette er et afsnit</P>
Forskellen på dette tag og <BR> tagget er, at her vil der blive indsat et større mellemrum mellem linierne før og efter afsnittet. Her kan align-attributtet bruges.

Almindelig centreret tekst


<CENTER>Dette er centreret</CENTER>

Med dette tag kan du centrere almindelig tekst. Kan også bruges til billeder mm.

Ikke linieskift:


<NOBR>Dette stykke tekst vil blive vist i et stykke</NOBR>
Teksten inden for dette tag vil ikke blive ombrudt, så det passer til skærmen. Pas på med at lave linierne alt for lange!

Streg:


<HR>
Indsætter en vandret streg, som kan bruges til at adskille større afsnit o.l.
[SIZE="n"] Muligt.
n er højden på stregen i pixels.
[WIDTH="n"] Muligt.
n er bredden på stregen i pixels. Et % kan tilføjes efter n, og længden bliver nu angivet i procent af skærmens bredde. Det er en god ide at angive stregens bredde i procent, fordi der findes så mange forskellige skærmopløsninger.
[NOSHADE] Muligt.
Stregen vil ikke have nogen skygge.

 Du kan lave genveje eller linier, der er længere end skærmen.

Genveje - links:


<A>Tekst</A>
Dette er de hyperjumps, som html er kendt for. I browseren vil teksten, man har skrevet i dette tag, blive vist i en anden farve og evt. understreget. Når man klikker på den tekst, kommer man hen til det dokument, som man har skrevet i HREF attributtet. Hvis man i stedet for at skrive tekst i <A> tagget sætter et billede, vil billedet blive til en genvej.
[HREF="dokument.html"] Altid.
Her skrives navnet eller adressen til det dokument, man skal hoppe hen til.

Billeder:


<IMG Div. attributter >
Med dette tag indsættes et billede. Tagget har ikke et sluttag, fordi alle attributter placeres i selve tagget. Her kan align attributtet bruges. Hvis man vælger align=left, vil teksten løbe uden om billedet.

[SRC="billede.gif"] Altid.
Her skrives navnet på det billede, der skal vises. De billeder, som man bruger på Internettet, hedder enten gif eller jpg til efternavn. Hvis billedet ligger på en anden maskine, skal du skrive hele internetadressen som navn.
[WIDTH="n"] Anbefalet.
Bredden på billedet i pixels.
[HEIGHT="n"] Anbefalet.
Højden på billedet i pixels.
[ALT="Denne tekst bliver vist, hvis billeder er slået fra"] Anbefalet.
Nogle vælger at slå billeder fra i deres browser, fordi det kan tage en del tid at hente grafik ned. Denne tekst vil så blive vist i stedet for billedet og er mest høflig at bruge.
[BORDER="n"] Muligt.
Her angiver man, en evt. ramme omkring billedet, i pixels.

Tabel:


<TABLE>Div. tags og tekst</TABLE>
Dette er starten og slutningen på en tabel. Den kan have felter både i vandret og lodret retning. Her kan align tagget bruges. Alle beskrevne tags i dette afsnit skal bruges inden for table tagget.
[BORDER="n"] Anbefalet.
Tabellens ramme i pixels, hvor n er antal pixels.
[WIDTH="n"] Muligt.
Tabellens bredde i pixels. Man kan også angive bredden i procent af skærmens bredde, ved at sætte et % tegn efter tallet.
[HEIGHT="n"] Muligt.
Tabellens højde i pixels. Man kan også angive højden i procent af skærmens højde, ved at sætte et % tegn efter tallet.
<TR>Her kommer en linie i tabellen</TR>
Omkranser en linie i tabellen, så der kan laves flere felter pr. linie. Her kan align tagget bruges.
<TD>Her kommer feltets indhold til at stå</TD>
Definere feltet, hvor dataene skal stå. Hvis man sætter flere sæt TD tags inden for et sæt TR tags, vil felterne komme til at stå ud for hinanden. Align attributtet kan bruges her.
[NOWRAP] Muligt.
Forhindre browseren i at ombryde teksten i feltet. Pas på med at lave for lange linier!
[WIDTH="n"] Muligt.
Definere feltets bredde i pixels.
En tabel kan også bruges til at lave spalter, eller store margner (jeg her), hvis man sætter border til 0.

 Tabellerne er meget gode til at placere tingene, hvor man vil.
Tilbage til Introduktion til HTML Videre til Tak til
Tilbage til indhold
Tilbage til Indhold