Forord - HTML.

Efter denne introduktion til DTP vil jeg nu gennemgå det såkaldte HTML. HTML er en standart til beskrivelse af de såkaldte hjemmesider på internettet.

Grunden til, at jeg har valgt at skrive noget om HTML er, at det ligner det sidebeskrivelsessprog, som man brugte for ikke så mange år siden, meget; selvom det er mere logisk og har andre muligheder.

Når man har forstået logikken bag HTML, har man forstået, hvad der foregår inde bag skærmen i tekstbehandleren eller i DTP-programmet. En tekstbehandler eller et DTP-program har nemlig deres egen udgave af HTML, selvom man i de nye programmer, som er kommet, har langt større muligheder end i HTML.

Introduktion.

Html er det "sidebeskrivelsessprog", som man skriver internettets hjemmesider i. En sådan hjemmeside består af nogle filer, der hedder .htm eller .html, og nogle billeder som hedder .gif eller .jpg. Det er her .html og .htm filerne, vi skal koncentrerer os om nu. Fra nu af kalder jeg dem html-dokumenter.

Et html dokument består af en række såkaldte tags og noget tekst. Et tag er en slags kommandoer, som er indrammet af et < og et > tegn. Alle tags, med få undtagelser, har et start- og slut-tag. Jeg vil starte med et af de mest simple som udgangspunkt (ved de fleste tags er det lige meget, om man bruger store eller små bogstaver): <B>Dette kommer til at stå med fed skrift</B>. Det første tag, start-tagget, er her <B>. B'et står for "bold", som betyder "fed" på engelsk. Derefter kommer den tekst, som skal stå med fed skrift. Til sidst kommer slut-tagget </B>, som markerer, at der ikke skal være mere fed skrift. Hvis der ikke var noget slut-tag, ville alt tekst under tagget blive med fed. Skråen er der i øvrigt næsten altid på slut-tag.

Måske, har du lagt mærke til, at jeg ikke rigtig tør skrive noget med 100% sikkerhed. Jeg skriver hele tiden "næsten", eller tager andre forbehold. Det er, fordi der er kommet så mange nye uofficielle html tags, at det ikke er til at vide sig sikker. Dem, jeg viser her, er alle officielle!

Selv om HTML i pricippet er forældet, bruges det over hele verden.

Inde i et html-tag kan der også være nogle "tilføjelser" eller som de rigtigt hedder: Attributter. Et html-tag med en attribut kan se sådan ud: <IMG SRC="kat.gif" WIDTH=100 HEIGHT=200 BORDER=0 >. Dette er en af de tags, der ikke har et sluttag. Først kommer <IMG, som er obligatorisk for dette tag, som er det, man bruger til at vise billeder. Resten af det, der, kommer er attributterne, som kan komme i en hvilken som helst rækkefølge. SRC="kat.gif" betyder, at billedet, der skal vises, hedder kat.gif. WIDTH=100 betyder, at billedet er 100 pixels bredt, HEIGHT=200 betyder, at billedet er 200 pixels højt. BORDER=0 betyder, at rammen skal være på 0 pixels (ingen ramme), og det hele sluttes med >.

Der findes rigtigt mange html-tags, så mange, at de fleste mennesker bruger en såkaldt html-editor til at lave deres hjemmesider. En html-editor er et program, hvor der ved at man trykker på en knap kommer en boks frem, hvor man fx. kan skrive, hvilket billede man vil have, noget om hvor det skal være osv. Når man så klikker OK, laver programmet det stykke kode, der svarer til det, man har skrevet ind i dialogboksen. Man vil dog stadig finde folk, der siger, at den bedste html-editor hedder Notepad. Notepad er en af de simpleste tekstbehandlere, der findes, og den følger med MS-Windows. Det er de folk, der har givet sig tid til at lære alle html-tagsene at kende og altså ikke har brug for en html-editor. Det vil dog tage en del tid for "almindelige" mennesker, så jeg holder mig til min editor.

For at du kan bruge denne miniintroduktion til html til noget, har jeg her lavet en liste over de mest almindelige og brugbare html-tags med en lille beskrivelse.

HTML fungere efter samme princip, som de forællede tekstbehandlere.

Tags.

Nødvendige tags.

Disse tags skal være til stede i et hvert html-dokument. Når jeg forklare 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>

[ALIGN= right, center eller right ] Muligt.
Denne 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:

Kursiv

Understreget:

Skrivemaskineskrift:

Gennemstreget:

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

Tekstformatering:

Linieskift

Afsnit:

Almindelig centreret tekst

Ikke linieskift:

Streg:

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

Genveje - links:

Billeder:

Lister: