Ett HTML dokument

I det förra inlägget gick jag igenom vad HTML innebär. I det här inlägget ska vi kika närmare på hur ett basic HTML-dokument kan se ut.

<!DOCTYPE html>
<html>
<head>
<title>Sidans titel</title>
</head>
<body>

<h1>Min första rubrik</h1>
<p>Mitt första stycke</p>

</body>
</html>

Men vad säger koden egentligen?

  • <!DOCTYPE html> definierar att detta dokument är ett HTML5-dokument.
  • Elementet <html> är rot-elementet på en HTML-sida. I detta sammanhang betyder “rot-element” att <html>-elementet är det översta eller högsta elementet på en HTML-sida och fungerar som en behållare för allt innehåll på sidan.
  • Elementet <head> innehåller metadata om HTML-sidan. I detta sammanhang betyder “metadata” information om sidan som inte syns på webbsidan, men som ger viktig information till webbläsare och sökmotorer. Det kan innefatta sidans titel, teckenuppsättning*, länkar till externa resurser (som stilar och skript) och annat som är relevant för sidan.
  • Elementet <title> specificerar en titel för HTML-sidan (som visas i webbläsarens titelrad eller i sidans flik).
  • Elementet <body> definierar dokumentets huvuddel och är en behållare för allt synligt innehåll, såsom rubriker, stycken, bilder, länkar, tabeller, listor, osv.
  • Elementet <h1> definierar att det är rubriknivå 1.
  • Elementet <p> definierar att det är ett stycke.

 

* Teckenuppsättning (engelska: character encoding) refererar till ett system som används för att associera tecken (bokstäver, siffror, symboler och specialtecken) med numeriska kodvärden som datorer kan förstå och behandla. Det är ett viktigt koncept inom datavetenskap och webbutveckling eftersom det gör det möjligt för datorer och webbläsare att korrekt tolka och visa text på olika språk och skripts. När det gäller HTML och webbsidor är teckenuppsättningen viktig eftersom den påverkar hur text visas på en webbsida. Om rätt teckenuppsättning inte används kan det resultera i att texten visas felaktigt eller att specialtecken kodas fel. Ett vanligt exempel på en teckenuppsättning är UTF-8 (Unicode Transformation Format – 8 bitar), som är en av de mest använda teckenuppsättningarna på internet. UTF-8 kan representera en stor mängd olika tecken från olika språk och skripts, vilket gör det möjligt att skapa webbsidor som stöder flera språk samtidigt.

Lämna en kommentar
Vad är HTML?

Inte nog med att jag har sjuhundra andra projekt på gång, så tänkte jag starta en bloggserie: Lär dig grunderna i HTML. I den första delen behandlar jag vad HTML innebär.

 

  • HTML står för Hyper Text Markup Language.

 

  • HTML är ett standardmärkningsspråk för att skapa webbsidor (det språket som är mest accepterat och som används mest när man försöker beskriva strukturen och layouten av webbsidor på internet).

 

  • HTML beskriver strukturen på en webbsida.

 

  • HTML består av en serie element (HTML-element är de grundläggande byggstenarna i HTML, och de används för att definiera och strukturera innehållet på en webbsida. Varje HTML-element identifieras och beskrivs genom användning av HTML-taggar, som exempelvis “<p>”, “<h1>” och “<div>”. HTML-element innehåller ofta innehåll och attribut, som exempelvis “href”, “src” och “alt”, som specificerar hur innehållet ska visas och fungera.

 

  • HTML-element berättar för webbläsaren hur innehållet ska visas HTML-element märker upp delar av innehållet som “detta är en rubrik”, “detta är en avsnittstext”, “detta är en länk”, etc.
Lämna en kommentar