HTML
Hyper Text Markup Language (HTML) er et markup-sprog til at oprette en webside. Websider ses normalt i en webbrowser. De kan indeholde skrift, links, billeder og endda lyd og video. HTML bruges til at markere og beskrive hver af disse typer indhold, så webbrowseren kan vise dem korrekt. HTML kan også bruges til at tilføje metainformationer til en webside. Metainformationer vises normalt ikke af webbrowsere og er data om websiden, f.eks. navnet på den person, der har oprettet siden. Cascading Style Sheets (CSS) bruges til at style HTML-elementer, mens JavaScript bruges til at manipulere HTML-elementer og CSS-stile.
HTML blev udviklet af World Wide Web Consortium (W3C). Der findes flere versioner af HTML. Fra september 2018 er den nuværende standard for HTML døbt HTML 5 og er specifikt i version 5.2.
Tags
HTML bruger særlige dele af programmeringssprog kaldet "tags" til at lade browseren vide, hvordan en webside skal se ud. Taggene kommer normalt parvis: et åbningstag definerer starten af en blok af indhold, og et lukningstag definerer slutningen af denne blok af indhold. Der findes mange forskellige slags tags, og de har alle et forskelligt formål. Se grundlæggende HTML-tags nedenfor for at se eksempler på tags.
Nogle tags fungerer kun i visse browsere. F.eks. fungerer <menuitem>-tagget, som bruges til at få noget til at blive vist, når man trykker på højre museknap, kun i Mozilla Firefox-browseren. Andre browsere ignorerer simpelthen dette tag og viser skriften normalt. Mange websideudviklere undgår at bruge disse "ikke-standardiserede" tags, fordi de ønsker, at deres sider skal se ens ud med alle browsere.
Eksempel
Her er et eksempel på en side i HTML.
En simpel HTML-side ville se således ud: et enkelt afsnit med "Hello world! " skrevet på det.
Grundlæggende HTML-tags
| Tag-navn | Navn | Funktion | Kodeeksempel |
|
| Doctype | Definerer dokumenttypen | <!DOCTYPE html> |
|
| HTML | Definerer et HTML-dokument og starter et HTML-dokument. | < html> Al kode</html> |
|
| Leder | Indeholder al kode, der ikke bruges til at vise elementer på websiden | < head></head> |
|
| Titel | Definerer titlen på websiden (vises på fanen) og angives i | < title> Webside</title> |
|
| Krop | Indeholder de synlige elementer på websiden (og indeholder afsnit m.m.) | < body> Html-tags</body> |
|
| Overskrifter | Overskrifter i forskellige størrelser ( | < h1> Overskrift</h1> |
| Afsnit | Definerer et afsnit af tekst | < p> TEKST</p> | |
| Anker | Opretter aktive links til andre websider | < a href="www.domain.com"> Besøg vores websted</a> | |
|
| Billede | Viser et billede på siden | < img src="ImageUrl" alt="Tekst vises, hvis billedet ikke er tilgængeligt"> |
|
| Pause | Indsætter et enkelt linjeskift | Tekst < br> Tekst
|
|
| Center | Flytter indholdet til midten af siden | <center> Kode</center> |
|
| Script | Opretter et script på websiden, som normalt er skrevet i JavaScript | < script> document. write("Hello World!")</script> |
Brug af HTML-tags
Udarbejdelse af en webside
Det er nemt at lave en webside.Det eneste, du skal huske, er tags og rækkefølgen for at lave en webside.
Først skal du finde et sted, hvor du kan skrive HTML-tags (jeg anbefaler notesblok) og skrive dem ned.
Her er et andet eksempel på en HTML Tag-side.
<html>
<head>
<title> Hej! <title>
<h1> Goddag verden!</h1>
</head>
<body>
<p>
Dette er en HTML Tag-side.
</p>
<footer>
Af: *Insæt navn her*
</footer>
</html>
Når du er færdig, skal du gemme i dette format: helloworld.htm
(der må ikke sættes mellemrum)
Og så er du færdig! Når du har gemt den på din computer, vil den sende dig til din webside i Google, hvis du trykker på den!
Spørgsmål og svar
Spørgsmål: Hvad er HTML?
A: HTML er en type markup-sprog, der bruges til at oprette websider, der indeholder skrift, links, billeder og audiovisuelt materiale.
Spørgsmål: Hvad er funktionen af HTML?
A: HTML har til opgave at fortælle webbrowsere, hvordan websider skal se ud, og at tilføje metainformationer som f.eks. navnet på den, der har lavet websiden.
Spørgsmål: Hvad er nogle eksempler på medier, der kan indgå i websider, der er oprettet ved hjælp af HTML?
A: Nogle eksempler på medier, der kan indgå i websider, der er oprettet ved hjælp af HTML, er lydfiler og videoklip.
Spørgsmål: Hvordan supplerer CSS HTML?
Svar: CSS bruges til at ændre HTML-siders udseende.
Spørgsmål: Hvilken rolle spiller JavaScript i webudvikling?
Svar: JavaScript er et vigtigt scriptsprog i webudvikling, da det fortæller websteder, hvordan de skal opføre sig, og det kan ændre HTML- og CSS-siders udseende.
Spørgsmål: Hvem er ansvarlig for at skabe HTML?
Svar: HTML er udviklet af World Wide Web Consortium (W3C).
Spørgsmål: Hvad er den nuværende standardversion af HTML?
Svar: Fra september 2018 er HTML 5 den seneste standardversion af HTML i version 5.2.
