Tohle je první odstavec
Tagy
A tohle je druhý odstavec, kde si řekneme něco o tagováníOdřádkuje se tagem "br" v ostrých závorkách
Nový odstavec zařídíme tagem "p"
Kurzívu zapneme tagem "em" a tučné písmo tagem "strong"
Podtržený text označíme tagem "u" a přeškrtnutý text tagem "s"
zvýrazněný text označíme tagem "mark"
Nadpisy mají tag "h1" až "h6". Čím vyšší číslo, tím menší písmo.
Obrázky
Obrázky vložíme do samostatné složky, abychom je pak mohli nahrát na server.
Na stránku je pak dostaneme tagem "img", ke kterému musíme přidat parametry "src", tedy relativní cestu k souboru a "alt", kde je popis obrázku
Velikost obrázku můžeme nastavit parametrem "width" a "height" a to buď číslem v pixelech, nebo procenty reálné velikosti, Lze použít i jen jeden parametr, druhý bude dopočítán automaticky.
Odkazy
Odkazy jsou asi nejdůležitější tagy, odkazujeme na další stránky, nebo na soubory ke stažení. Odkaz provádíme tagem "a"
Tag "a" má atributy "href", kde je cílová stránka, která se má zobrazit,nebo cesta k souboru, který se má stáhnout.
Pokud chceme stránku otevřít v nové záložce, přidáme atribut "target" s hodnotou "blank"
Řádkové a blokové elementy
Blokové jsou elementy, které za běžných okolností
nedává smysl dávat vedle sebe. Roztahují se přes celou šířku stránky,
pokud je nenastavíme jinak. Jedná se např. o odstavce a nadpisy.
Řádkových, např. obrázků, může být pak na jednom řádku více vedle sebe a nezabírají celou šířku stránky
Důležitý rozdíl mezi nimi je také ten, že řádkové elementy mohou v sobě obsahovat zas jen řádkové elementy,
zatímco blokové mohou v sobě obsahovat jak řádkové, tak blokové.
Odkaz je element řádkový, stejně jako všechny elementy, co jsme si zatím zmínili, kromě nadpisů, které jsou blokové.
Do odkazu tedy můžeme dát klidně i obrázek, ale ne nadpis.
Když bychom chtěli odkaz v nadpisu, vložíme odkaz do nadpisu, nikoli nadpis do odkazu.
Správně je tedy nejdříve tag nadpisu h a pak teprve tag odkazu a
Takto se do stránky vkládá zdrojový kód: Použijeme tag <pre>, který způsobí přesný výpis bez vynechání mezer a dělení řádků, a tag <code>, do kterého vypíšeme zdrojový kód
<!doctype html>
<html>
<head>
<title>Titulek</title>
</head>
<body>
Tělo
</body>
</html>