Lektion 2: HTML, filnavne og -sti'er

Denne lektion forklarer, hvad HTML er og betyder. Du kan desuden se, hvordan du refererer til dine forskellige filer.

HTML er en forkortelse af ordene "Hyper Text Markup Language" og er det sprog som bruges til at lave websider som vises på den visuelle af del af internettet.

HTML er ikke et rigtigt programmeringssprog da der f.eks. ikke er variabler. HTML kan det samme som f.eks. Microsoft Word og vi kan derfor kalde det for et formateringssprog. HTML er et redskab, som bruges til at placere tekst, grafik og andre objekter på en webside.

Websider lavet i HTML vises af en programtype som kaldes browsers. Her er de to mest populære Internet Explorer og Nescape Navigator. Historisk set var tidlig HTML rent tekstbaseret fordi browserne ikke kunne vise grafik. Dette har dog i høj grad ændret sig siden.

I dag er der en lang række programmeringssprog som kan bruges på nettet. Alle (næsten alle) har det til fælles at HTML er det grundlag de er bygget op omkring eller det fundament de bruger.

HTML er blevet skabt og bliver skabt et sted som hedder World Wide Web Concortium (W3C, www.w3.org). På dette sted findes den rigtige dokumentationen for HTML 3.2, HTML 4.0, XHMTL 1.0, CSS osv. og her kan du deltage i diskutions forum om den videre udvikling af HTML o.lign.

I disse lektioner lærer HTML, som ligger tæt op af "HTML 3.2". Først når du mestrer "HTML 3.2" er du parat til at gå igang med ting som "HTML 4.0", "CSS" og "JavaScript".

Bemærk forøvrigt at vi fra klikamok.dk'es side ikke anbefaler at du koncentrerer dig om at lave 100% korrekt HTML 3.2, HTML 4.0 el. lign.. men at du i stedet for koncentrerer dig om at lave HTML, som virker i alle browsere.

HTML kodning og Case Sensitive

HTML skrives i ASCII (255 tegn hvor af de næsten alle vil kunne findes på dit tastatur). Der er enkelte ting som man ikke må gøre når man skriver et HTML script. Generelt er HTML dog meget fleksibelt. Du kan (i modsætning til næsten alle andre programmerings sprog) slippe ustraffet væk med at lave en masse småfejl ! Dette faktum er afgjort een af HTML's forcer, men er også en fælde, da du jo selvfølgelig ikke bør lave fejl. Jeg vil kort gennemgå nogle af de ting du må og de ting du ikke må.

• STOR / små bogstaver
  Når du skriver en HTML kode er det ligegyldigt om du skriver , eller osv.. Når du referer til andre filer (grafik, lyd,.html filer osv.) er tekststørrelsen `case sensitive´. Filnavnet INdex.html og index.html er med andre ord ikke det samme.
  Vi anbefaler at du altid bruger små bogstaver.
  
  

• Mellemrum

  Mellemrum i en HTML kode er ikke `case sensitive´. HTML er ligeglad med om du skriver < font>, eller < fo nt > osv.. Når du referer til andre filer er mellemrum `case sensitive´. Filnavnet "index.html" og "in de x.html" er ikke det samme. Skriver du tekst (F.eks. teksten Hej mit navn er Rune) er mellemrum ikke `case sensitive´. Dette er forøvrigt en speciel detalje ved HTML. "Hej mit navn er Rune" vil se ud som skrevet her også selvom det i HTML scriptet skrives således: "Hej mit navn               er     Rune." Årsagen til dette er at mellemrum på mere end et tegn ganske enkelt ikke regsitreres!
  Vi anbefaler at du aldrig bruger mellemrum i filnavne.
  
  
• Ny linie / linebreak / RETURN tasten
  Ny linie er ikke `case sensitive´. Selvom du trykker på RETURN tasten i din HTML kode vil dette ikke give konsekvens i browserem. Flg. to linier (skrevet i "Notepad") vil med andre ord give nøjagtigt det samme resultat:
  
  

  Hej m it navn er Run e !

  Hej mit navn er Rune !

  
  Resultatet vil i begge tilfælde se således ud: "Hej mit navn er Rune".
  Vi anbefaler at du laver liniekift så dine kode vil være overkuelig at kikke på.
  
  
• Tegnet < og tegnet >
  Alle HTML koder starter med tegnet < og slutter med tegnet >. Glemmer du et af disse to tegn eller bruger du et af disse to tegn til din tekst indhold går det galt!
  Vi anbefaler at du husker at skrive dine HTML koder pinligt korrekt!
  
  
• Tegnet " og tegnet '
  Hvis du sætter en "kode" ind i en HTML tag - f.eks. ( er en tag, size="5" er font tag'ens kode) omkranses kodens værdi gerne af tegnet " ... Dette tegn er ikke `case sensitive'. Både , og er det samme - osv. går derimod ikke!
  Vi anbefaler at du altid bruger tegnet " - altså f.eks.
  
  
• Start og slut på en HTML erklæring
  En HTML erklæring som f.eks. giver kursiv tekst skrives således: ... teksten her vil blive skrevet med kursiv ... . Det vigtige i den her sammenhæng er, at HTML erklæringen både skal startes og afsluttes <...> starter erklæringen, afslutter erklæringen. De fleste HTML erklæringer skal både startes og afsluttes. Generelt for alle HTML tags er, at de er omkranset af tegnene < og > (Uden undtagelse), men afslutnings-tags har et ekstra / tegn. Altså .
  Vi anbefaler at du ikke glemmer at afslutte tags som skal afsluttes!

Begrebs konventioner

Der vil igennem lektionerne på klikamok.dk blive brugt en masse fagudtryk. Vi vil ikke nævne alle, men her har du et par af de allermest grundlæggende ord:

• Erklæring: En er HTML erklæring er en kombination af to eller flere HTML tags. Ønsker du at lave HTML erklæringen "kursiv tekst" opnåes dette f.eks. ved at skrive .. kursiv tekst her ..
• Tag: <font> og <b> er f.eks. begge HTML tags.
• Kode: Kode er noget som kan optræde inde i en HTML tag. Både color="blue" og size="5" er kode som kan optræde inde i en HTML tag. F.eks. således: .
• Script: Et script er en stump programmeret kode. En .html fil er ikke et script. Et lille program som f.eks. beder om et password, programmeret i JavaScript, kan skrives inde i selve HTML filen, men kodeords-JavaScript-programmet kaldes for et script (i dette tilfælde for et JavaScript).
• Site, hjemmeside, domain: Alle tre ord er ord som gerne bruges om en samling af websider ... Et sted på nettet. Det mest brugte danske ord for dette fænomen er nok hjemmeside.
• URL: URL er det ord man bruger om en addresse på nettet. En URL kan f.eks. være http://www.klikamok.dk
• Link og Hyper Link: Et link er et lille stykke tekst eller et stykke grafik som er klik-bart med musen. Når man klikker på et Link sker der etellerandet. Måske kommer du til en anden side eller måske begynder du at downloade et program. Et 'Hyper Link' er det samme, men fører læseren videre til en anden site på nettet. Links imellem websider på samme site er med andre ord ikke Hyper Links.
• Download og Upload: Download betyder at du henter noget fra nettet ned på din computer. Upload er det modsatte.

Filnavne og sti'er

Et par regler til hvordan du bør/skal skrive dine filnavne og hvordan du i HTML referer til filer beliggende i samme eller andre mapper:

• Du bør altid skrive filnavne med små bogstaver
• Du må ikke lave mellemrum i dine filnavne
• Du bør holde dine filnavne på under 20 tegn
• Dine filnavne bør bestå af bogstaver, underscoore og tal
• Du må ikke bruge landebestemte bogstaver i dine filnavne, som f.eks. æ, ø og å
• At referere til en .html fil i samme mappe som den du er i gøres således: "filnavnet.html"
• At referere til en .html fil i mappen /images/ gøres således: "images/filnavnet.html"
• At referere til en .html fil i en mapppe under den du er i gøres således: "../filnavnet.html"
• At referere til en .html fil i den underste mappe (roden) af din URL kan gøres således: "/filnavnet.html"

At skrive "html_forside.html" er ok. At skrive "Jønne's HTML forside.html" går rigtigt rigtigt galt!

Skrevet okt. 2001 af Niels Rune Bøggild

Tilføjet af Simon Glue den 02-12-2003 - Hits: 3793