En enkel webbsida
Detta är ett exempel på hur en webbsida är uppbyggd. HTML-texten
består av vanlig text samt "taggar" ("tags" på engelska), kommandon
som man skriver mellan mindre än- och större än-tecken. Taggarna
beskriver textens struktur, så webbläsaren kan visa den så tydligt som
möjligt. Exempelvis talar <H1> och </H1> om var en rubrik
på "nivå 1" börjar och slutar.
Här börjar ett nytt stycke. (Det sköter P-taggen.) Man kan organisera
sin HTML-text hur man vill.
Till exempel kan man infoga blanka rader var man vill och skriva hur
många blanka som helst -- webbläsaren räknar dem bara som
mellanrum. Därmed kan man organisera HTML-texten som man själv tycker,
förslagsvis så att man själv lätt kan läsa den.
Man kan göra så att texten blir fet eller kursiv eller
ser ut som programkod och en massa annat.
Länkar
Det är praktiskt att ha länkar till dokument på andra datorer.
Här är Dilbert
och här är
LTH,
men man kan också länka till dokument på den egna datorn, till exempel
till filen
rapporttext.txt,
som du använde i laboration 3.
Listor
Man kan lätt göra listor av olika slag. Innan man går till
föreläsning bör man
- stiga upp,
- klä på sig och
- gå ut ur sin lägenhet.
Ibland vill man påpeka att saker har en viss ordning; det kan alltså
vara bra med numrerade listor. Innan man går till föreläsning bör man:
- stiga upp,
- klä på sig och
- gå ut ur sin lägenhet.
Som du kan se i HTML-texten beskrivs de olika varianterna med
UL-taggen (Unordered List) respektive OL-taggen (Ordered List).
LI betyder List Item.
Bilder
Man kan länka till annat än HTML-filer, till exempel bilder:
Mera om HTML
När man väl förstått principen för hur HTML-dokument är uppbyggda
kan man lära sig mera genom att studera andra sidor och deras HTML-text.
Eller genom att läsa här:
Snabbreferens
till HTML av Kevin Werbach.
Exempel på HTML-sida.