Nela Hrabcová

Textové elementy

Doprovodný text k 2. dílu
videoseriálu Dokážeš cokoli.

Internet je plný textu

Dneska budeme psát texty. Internet je miluje a chcete-li ho krmit, musíte do něj cpát texty, co se do něj vejde.

Ukázka kódu:

Tohle video jsem myslím udělala dost názorně, tak v tomhle doprovodném textu jen ukážu HTML kód, kde budou použity všechny ty elementy, co se objevují ve videu.

Tady je kód:

<!DOCTYPE html>
<html>
<head>
  <title>Textové elementy</title>
</head>
<body>
  <h1>Nadpis h1</h1>
  <h2>Nadpis h2</h2>
  <h3>Nadpis h3</h3>
  <h4>Nadpis h4</h4>
  <h5>Nadpis h5</h5>
  <h6>Nadpis h6</h6>
  <p>Odstavec textu (značka p).</p>
  <p>Další odstavec textu. Tentokrát ale používám další značky. Tady skončí řádek.<br>Tohle bude zobrazeno <strong>tučně</strong>.<br>Tohle bude zobrazeno <em>kurzívou</em>.<br>Takhle vypadá <em><strong>tučná kurzíva</strong></em>.<br>Tohle je <sup>horní index</sup><br>Tohle je <sub>dolní index</sub></p>
  <p>A teď přijde vodorovná čára</p>
  <hr>
  <p>A to by stačilo.</p>
</body>
</html>

A tady si klikněte na výsledek.

Zbytek je ve videu

Podívejte se na mé video (níže) a pamatujte, že si to všechno (a mnohem víc) musíte prožít a osahat sami. Naštěstí v tom nikdy nejsme sami. Internet je plný návodů, a to i v češtině. Ty moje jsou jen kapka v moři informací. Tak příjemnou plavbu a rozšiřujte si obzory.