utorok, júla 04, 2006

Štýl (2)

Preklady

Grafické štýly môžeme zadať k jednotlivým značkám XHTML. Niekedy sa však stane, že chceme zadať štýl len pre nejakú časť odstavca, alebo naopak pre niekoľko odstavcov, hoci tomu v pôvodnom texte žiadna značka nezodpovedá. V takom prípade použijeme pomocné značky „<div>“ a „<span>“. Tieto značky samotné nič neznamenajú – ak ich pridáme do textu stránky, nič sa nezmení – ale možno k nim pridávať štýly. Použijeme ich vtedy, ak chceme zadať štýl pre nejakú časť stránky, na ktorú sa nevzťahuje žiadna značka XHTML. Značka „<div>“ môže obsahovať niekoľko odstavcov; značka „<span>“ naopak ohraničuje niekoľko slov v rámci jedného odstavca.

Príklad:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Rôzne štýly</title>
<style type="text/css">
div.zaramovany_text {
 border: 1px solid red;
}
span.modre_slova {
 color: blue;
 
}
</style>
</head>
<body>

<p>Nasledujúci text je v rámčeku.</p>
<div class="zaramovany_text">
<p>Páči sa mi
 <span class="modre_slova">rieka, more, oceán</span>.</p>
<p>Keď vidím slovo súvisiace
 s <span class="modre_slova">vodou</span>,
 musím ho napísať modrým písmom.</p>
</div>
<p>Toto bol umelecký text.</p>

</body>
</html>

Nasledujúci text je v rámčeku.

Páči sa mi rieka, more, oceán.

Keď vidím slovo súvisiace s vodou, musím ho napísať modrým písmom.

Toto bol umelecký text.

posted by Viliam Búr at 11:37 PM