HTML Tutorial

HTML-struktur

Praktiska steg:

  1. <!DOCTYPE html> - anger vilken version av HTML som används.
  2. <html> - definierar HTML-dokumentet.
  3. <head> - innehåller metataggningar och länkar till externa resurser.
  4. <body> - innehåller den synliga delen av dokumentet.

Exempel på enkel HTML-struktur:

<!DOCTYPE html>
<html>
<head>
  <title>Min första HTML-sida</title>
</head>
<body>
  <h1>Välkommen till min sida!</h1>
  <p>Här är lite text.</p>
</body>
</html>

Tips för förbättrad tillgänglighet och användbarhet:

  • Använd rubriker (<H1>, <H2>, etc.) för att strukturera innehållet.
  • Förse bilder med "alt"-attribut för att beskriva dem för användare av skärmläsare.
  • Använd semantiska element (<article>, <section>, etc.) för att ange innehållstypen.
  • Gör typsnitt tillräckligt stora och kontrastrika för att vara lättlästa.
  • Testar din sida med hjälp av hjälpmedel för att säkerställa tillgänglighet.