Číslo projektu CZ.1.07/1.5.00/34.0499
Název školy Soukromá střední odborná škola Frýdek-Místek, s.r.o.
Název Materiálu VY_32_INOVACE_123_IVT_HTML_02_tvorba_www
Autor Ing. Pavel BOHANES
Tematický okruh IVT_HTML
Ročník 4 Forma denní, 5 Forma dálková Datum tvorby listopad ’12
Anotace Text slouží k výuce a samostudiu, celek tvoří základy z tvorby www stránek se základy HTML a CSS obsahuje také cvičení, pro práci, úpravu www stránek, textu, tabulek. Společná kontrola činností je prováděná pomoci dataprojektoru nebo na PC.
Zdroje Ilustrace, pokud není uvedeno jinak, jsou screeny obrazovky a jejich úprava, archiv autora a kliparty MSOFFICE.
Formátování textu pomoci tagů
Pro úpravu takzvaného řezu písma (TUČNÉ, KURZÍVA, PODTRŽENÍ) použijeme následující párové tagy (aby objaly text, který chcete takto zformátovat)
<b> tučné písmo </b>
<i> kurziva </i>
<u> podtržení </u>
Další tagy.
<strike> přeškrtnutí </strike>
<kbd> neproporcionální písmo </kbd>
<pre> neproporcionální písmo </pre>
tento tag odsadí text shora, zdola i leva
<sub> dolní index </sub>
<sup> horní index
</sup>
Pro přechod textu na druhý řádek použijeme
nepárový tag <br>, provede odřádkování textu, takzvaný pevný konec řádku. Bez použití tohoto tagu by byl text zobrazován v jednoho řádků, aniž by respektoval rozložení v zdrojovém textu. Prohlížeče ignorují více mezer i ukončení řádku ENTERem .
Zdroj stránky potom může vypadat například takto:
<html>
<head>
<title> Formátování textu </title>
</head>
<body>
<b> tučné písmo </b><br>
<i> kurziva </i><br>
<u> podtržení </u><br>
</body>
</html>
Všechny tagy lze kombinovat, musí být ale do sebe "vnořené", budou-li se "křížit", může být zobrazení nevyzpytatelné:
například podtržený text
správně vnořené tagy: <u><b>text</b></u>
špatně překřížené tagy: <u><b>text</u> </b>
<b> tučné písmo </b><br>
<i> kurziva </i><br>
<u> podtržení </u><br>
<br>
Další tagy.
<br>
<strike> přeškrtnutí </strike><br>
<kbd> neproporcionální písmo </kbd><br>
<pre> neproporcionální písmo </pre><br>
<br>
<sub> dolní index </sub><br>
<sup> horní index </sup><br>