HTML står för Hypertext Markup Language. Det är standardiserat markupspråk för dokument som är utformade för att visas i en webbläsare. HTML kan stödjas av tekniker som Cascading Style Sheets ( CSS ) och skriptspråk som JavaScript.
I grund och botten är internet ett stort nätverk av datorer som är sammankopplade globalt. Det primära sättet vi interagerar med detta nätverk är via World Wide Web ( WWW ), ett system av sammanlänkade hypertextdokument som nås via internet. I hjärtat av WWW finns webbsidor, vilka är dokument skrivna i HTML . HTML tillhandahåller webbplatsens grundläggande struktur, som sedan förbättras och modifieras av andra tekniker som CSS och JavaScript.
Ett HTML-dokument är strukturerat enligt en uppsättning kapslade taggar, vilka är element inom vinkelparenteser. Dessa taggar anger för webbläsaren hur innehållet ska visas. Ett exempel på en enkel HTML dokumentstruktur är:
<!DOCTYPE html>
<html>
<huvud>
<title>Sidtitel</title>
</huvud>
<kropp>
<h1>Detta är en rubrik</h1>
<p>Detta är ett stycke.</p>
</body>
</html>
Den här koden definierar en grundläggande webbsida med en titel, en rubrik och ett textstycke.
HTML-dokument består av HTML-element. Varje element representeras av en starttagg, lite innehåll och en sluttagg. Start- och sluttaggarna för ett element är identiska, förutom att sluttaggen innehåller ett snedstreck före elementnamnet.
Till exempel omsluter taggen <code><p></code> ett textstycke och är strukturerad enligt följande:
<p>Detta är ett exempelstycke.</p>
Olika element tjänar olika syften. Till exempel:
HTML element kan ha attribut som ger ytterligare information om elementen. Attribut placeras i starttaggen för ett element och anges ofta i namn/värde-par som <code>name="value"</code>.
För att till exempel bädda in en bild använder vi taggen <code><img></code> med attributet <code>src</code> (source) för att ange bildens URL:
<img src="url till bild.jpg" alt="Beskrivning av bild">
Attributet <code>alt</code> tillhandahåller alternativ text för bilden om den inte kan visas.
Användningen av taggen <code><a></code> skapar hyperlänkar, vilka är grundläggande för webbens sammankoppling. En hyperlänk kan länka till en annan webbsida, ett annat avsnitt på samma sida eller till och med en nedladdningsbar fil. Till exempel:
<a href="https://example.com">Besök Example.com</a>
Detta skapar en länk till <code>https://example.com</code>.
HTML tillhandahåller element för att skapa listor. Det finns två huvudtyper av listor:
Varje objekt i listan omges av taggen <code><li></code> (listobjekt).
HTML5 är den senaste utvecklingen av standarden och introducerar många nya funktioner som återspeglar moderna behov för multimedia och interaktiva dokument. Dessa inkluderar nya strukturella element (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), grafiska element (<code><canvas></code> för ritning, <code><svg></code> för skalbar vektorgrafik) och medieelement (<code><audio></code> och <code><video></code>).
Semantisk HTML hänvisar till användningen av HTML markup för att förstärka semantiken, eller betydelsen, av informationen på webbsidor. Istället för att bara definiera hur element ser ut eller beter sig (det är en uppgift för CSS och JavaScript), beskriver semantisk HTML korrekt strukturen och typen av innehåll. Till exempel indikerar en <code><article></code>-tagg att innehållet inuti är en artikel, medan en <code><nav></code>-tagg betecknar en navigeringsmeny.
Att använda semantisk HTML förbättrar tillgängligheten och sökbarheten för webbinnehåll, vilket gör det mer användbart och lättare att upptäcka.
HTML är en hörnstensteknik inom World Wide Web och tillhandahåller den grundläggande strukturen för webbsidor. Genom att använda taggar, attribut och element möjliggör HTML skapandet av strukturerade dokument. Genom att förstå och använda HTML kan man skapa ett brett utbud av innehåll som är tillgängligt på webben, från enkla textdokument till komplexa interaktiva multimediaupplevelser. Som grund för webbutveckling är behärskning av HTML avgörande för alla som vill designa eller utveckla för webben.