Tentokrát se podíváme na formátování textu.
Každý si přeje, aby jeho stránka vypadala co nejlépe. Toho z části docílíte tím, že text zformátujete.
Jak jsme si pověděli v minulém díle, vše, co se má zobrazit na stránce, se napíše mezi tagy <BODY> a </BODY> (včetně textu).
Zarovnání a odstavec
Jak jistě víte, máme tři druhy zarovnání. Těmi jsou:
Pokud chceme zarovnat text na střed, použijeme párový tag <center> a </center>. Výsledek vypadá takhle:
Tvorba odstavce a zakončení řádky
Na tvorbě odstavce, neboli takzvaném "odentrování" řádku, není nic těžkého. Na to slouží nepárový tag <br>. Výsledný kód vypadá asi takto:
Odstavec se dělá podobně, k tomu slouží párový tag <p> a </p>. Tedy vše co napíšete mezi tyto dva tagy budete mít jako samostatný odstavec.
Řez písma
Mezi další oblíbený způsob formátování patří změna řezu písma. Tagy, kterými se mění řez písma, jsou snad všechny párové a znáte je jako rychlá tlačítka na změnu řezu písma v Microsoft Wordu. Kdo se učí angličtinu, tak tyto tagy bude znát.
<b> a </b> pro tučné písmo (od slova Bold)
<u> a </u> pro podtržené písmo (od slova Underline)
<i> a </i> pro psaní kurzívou (od slova Italic)
Další možnosti formátování
Další zajímavá možnost je blikání. To se jednoduše nastaví párovým tagem <blink> a </blink>. Ještě zajímavější je možnost běžícího textu. To se provede jednoduchým tagem <marquee> a </marquee>. Na závěr to nějak shrneme.
Domácí úkol:
Nechám prostor vaší fantazii. Udělejte mi jednoduchý zdroj.kod stránky, ve kterém různě zformátujete písmo.
Příště: Tabulky
Jak jsme si pověděli v minulém díle, vše, co se má zobrazit na stránce, se napíše mezi tagy <BODY> a </BODY> (včetně textu).
Zarovnání a odstavec
Jak jistě víte, máme tři druhy zarovnání. Těmi jsou:
- vpravo
- vlevo
- na střed
<div align="left">Text zarovnaný vlevo, o čemž svědčí parametr left</div>
<div align="right">Text zarovnaný vpravo, o čemž svědčí parametr right</div>
Pokud chceme zarovnat text na střed, použijeme párový tag <center> a </center>. Výsledek vypadá takhle:
<center>Tento text bude zarovnán na střed, a k tomu použijeme jednoduchý tag.</center>
Tvorba odstavce a zakončení řádky
Na tvorbě odstavce, neboli takzvaném "odentrování" řádku, není nic těžkého. Na to slouží nepárový tag <br>. Výsledný kód vypadá asi takto:
Dobrý<br>
den<br>
celý<br>
den.
Odstavec se dělá podobně, k tomu slouží párový tag <p> a </p>. Tedy vše co napíšete mezi tyto dva tagy budete mít jako samostatný odstavec.
Řez písma
Mezi další oblíbený způsob formátování patří změna řezu písma. Tagy, kterými se mění řez písma, jsou snad všechny párové a znáte je jako rychlá tlačítka na změnu řezu písma v Microsoft Wordu. Kdo se učí angličtinu, tak tyto tagy bude znát.
<b> a </b> pro tučné písmo (od slova Bold)
<u> a </u> pro podtržené písmo (od slova Underline)
<i> a </i> pro psaní kurzívou (od slova Italic)
Další možnosti formátování
Další zajímavá možnost je blikání. To se jednoduše nastaví párovým tagem <blink> a </blink>. Ještě zajímavější je možnost běžícího textu. To se provede jednoduchým tagem <marquee> a </marquee>. Na závěr to nějak shrneme.
<b>Toto bude tučný text.</b>
<u>Toto bude podtržený text.</u>
<i>Toto bude text napsaný kurzívou.</i>
<blink>Tento text bude blikat</blink>
<marquee>Tento text bude pojízdný.</marquee>
Domácí úkol:
Nechám prostor vaší fantazii. Udělejte mi jednoduchý zdroj.kod stránky, ve kterém různě zformátujete písmo.
Příště: Tabulky