Průvodce tvým prvním webem

Klikni na barevné řádky v kódu a zjisti, co dělají!

<!DOCTYPE html>
Tímto říkáme prohlížeči: "Haló, toto je moderní dokument HTML5!" Bez toho by web mohl vypadat staře a rozbitě.
<html lang="cs">
Hlavní obal všeho. Atribut lang="cs" říká, že web je v češtině.
  <head> (Hlava - to, co není vidět)
<meta charset="UTF-8">
Záchrana pro češtinu! Díky tomuto řádku fungují háčky a čárky (ě, š, č, ř...).
<title>Můj web</title>
Tento text se zobrazí nahoře na záložce prohlížeče.
<style> ... </style>
Tady definujeme vzhled (CSS). Například barvu pozadí, velikost písma nebo zarovnání. Je to "šatna" webu.
  </head>
  <body> (Tělo - vše, co je na webu vidět)
<h1>Nadpis</h1>
Hlavní nadpis. Měl by být na stránce jen jednou a být nejdůležitější.
<p>Text odstavce</p>
Odstavec textu. Sem píšeme běžné informace a povídání.
<img src="foto.jpg">
Obrázek. Atribut src říká cestu k souboru a alt popisuje, co na fotce je pro nevidomé.
<a href="odkaz.html">Klikni zde</a>
Odkaz. Přenese tě na jinou stránku nebo jiný web.
  </body>
</html>