|
Administreres af: |
| Den grundlæggende kode | Tilbage til oversigtstabel Tilbage |
Af: novicen.dk
For at få den fulde forståelse for, hvad der foregår i forbindelse med opsætning af hjemmesider, kan det helt klart anbefales, at du bruger noget tid på at lære dig HTML (Hyper Text Markup Language), som er den kodeform der anvendes. Det er ingen nødvendig betingelse men det er en klar fordel, såfremt du er i stand til at overskue og evt. tilrette koden, da selv store og dyre designprogrammer ikke altid håndterer opsætningen korrekt. Det kan derfor - selv i disse situationer - være nødvendigt med manuel tilretning.
Kodeopsætning kan foregå i en ren tekstbaseret editor såsom Notesblok eller du kan anvende Wordpad, Word, Word Perfect eller en hvilken som helst anden editor, der kan gemme dokumenterne som ren tekst (DOS tekst eller ASCII tekst). For at komme hurtigere fra kodeopsætningen kan du vælge at downloade og installere Stone's WebWriter, der har de dialogbokse du skal anvende, så du ikke - nødvendigvis - laver så mange fejl i koden.
Alle filnavne du skal anvende til tekstopsætningen på Internet skal have .htm eller .html som efternavn.
| Til top |
HTML er - som det fremgår af navnet - et markeringssporg. Koderne kaldes for TAG's og de indsættes mellem < > parenteser.
Der skal til et fuldstændigt HTML-dokument være et hoved - HEAD - og en krop - BODY. Dokumenterne indeholder ingen fødder ;-)
Den grundlæggende kodestruktur, ser således ud:
<HTML> <HEAD> <TITLE>Titlen kan skrives her.</TITLE> </HEAD> <BODY> </BODY> </HTML>
Det gør ingen forskel om TAG'ene i det opsatte HTML-dokument skrives med STORE eller med små bogstaver. Eksempelvis er <TITLE> lige så brugbart som <title> - og tilsvarende gælder for en hvilken som helst anden TAG.
Den viste kode er tilstrækkelig til at blive vist i en browser, hvis filen døbes som et gyldigt dokument til brug for Internet. Du kan eksempelvis oprette et nyt dokument i Notesblok og gemme det som index.htm i en mappe, som du opretter til formålet. Du skal sørge for, at filvisningen i Notesblok står til "*.*" - alle filer - når du gemmer, da du ellers risikerer, at filen bliver kaldt for index.html.txt - hvilket ikke er gyldigt.
Du vil opdage, at browseren kun viser en blank - hvid - side. Det er fordi dokumentet endnu ikke har noget indhold. Det kommer du til senere men du skal først se lidt på de viste koder.
Som du kan se, starter dokumentet med <HTML> og slutter med </HTML>. Dette er indledningen og afslutningen på dokumentet og det fortæller, at dokumentet skal håndteres som en hjemmeside. Denne kan åbnes og fortolkes i en browser.
Indenfor HTML TAG'ene er hovedet og kroppen indsat: <HEAD>..</HEAD><BODY>...</BODY>. I hovedet indgår bl.a. oplysninger til browseren - her titlen, som vises i browserens titellinie øverst i venstre side: <TITLE>..</TITLE> - og i kroppen står det indhold, som skal vises i browservinduet.
Bemærk, at de viste TAG's indholder både en start- og en slut-TAG. Slut-TAG'en er den samme som start-TAG'en men der er indsat en ekstra / - skråstreg - for at markere, at der er tale om en slut-TAG. De fleste TAG's kræver at der indsættes en afsluttende TAG for at markere, at den pågældende kode afsluttes.
Hvis du vil se, at der kommer indhold på din hjemmeside, når du tester den i din browser, kan du skrive en tekst mellem de to BODY TAG's:
<HTML> <HEAD> <TITLE>Titlen kan skrives her.</TITLE> </HEAD> <BODY> Her skal indholdet stå... </BODY> </HTML>
Gem dit dokument igen og afprøv om det virker ved at se hjemmesiden i dine browsere. Se også hvad browseren viser som titel i øverste venstre hjørne.
| Til top |
Opsætningen af HTML TAG's er ikke kritisk mht. linieskift i kildekoden. Det er muligt at oprette et HTML dokument, der er skrevet som én lang linie men den vil være stort set umulig at overskue, hvis den er ret lang. Linieskift i kildekoden bør anvendes for at få bedre overblik over koderne i forhold til det endelig udseende i browseren. Når der er skal være nyt afsnit i browservisningen bør der derfor være et tilsvarende ophold med faktiske linieskift i kildekoden. Det vil lette overblikket ganske betragteligt.
Rækkefølgen af TAG'enes indsætning og ophævning er derimod kritisk. TAG's skal altid ophæves i modsat rækkefølge af, hvad de er sat og de må ikke indsættes over kryds.
Hvis du ser på den ovenstående kode, kan du se, at der er HTML TAG's omkring hele koden. Du starter koden med <HTML> og slutter den af med den modsvarende </HTML>. Indenfor disse TAG's står <HEAD>..</HEAD> og derefter <BODY>..</BODY>. TAG'ene, som indeholder hovedet, indeholder desuden også <TITLE>..</TITLE> TAG's. Denne opsætning er gyldig og tilladt.
Det er derimod ikke tilladt at overlappe den ene TAG med den anden. <HTML> <HEAD> <TITLE>..</HEAD></TITLE> <BODY>... </BODY> </HTML> er altså ikke gyldig, da de anvendte TAG's ikke ophæves i modsat rækkefælge af, hvordan de er indsat. Her går det galt, da HEAD ophæves tidligere end TITLE selvom den er indsat først og dermed skal afsluttes senere.
Når de anvendte TAG's indsættes korrekt, kan der indsættes så mange TAG's inden i hinanden, som der er brug for - ubegrænset.
| Til top |