---

Prvek <code>

Dalším prvkem fráze, který zde prozkoumáme je <code>. Zjistíme k čemu slouží a uvidíme jak je snadné mu přidělit pěkný vzhled pomocí CSS.

Tento prvek je určen k demonstraci příkladů kódu na stránkách (X)HTML. Kdyby jste například chtěli na stránkách nechat vypsat (demonstrovat) nějaké CSS příklady, můžete to udělat takto:

<code>
body { <br />
font-family: Verdana, sans-serif; <br />
color: #000; <br />
}
</code>

Výsledek:

body {
font-family: Verdana, serif;
color: #000;
}

Do prvku <code> se může také zapsat příklad HTML kódu, php skriptu, sql příkazu atd. Musím připomenout, že i tento prvek (jako ostatně všechny prvky fráze) dává stránce strukturu a software ví, že pracuje s demonstrací (příkladem) nějakého kódu, a tak s ním i bude podle svého nastavení pracovat. Vizuálně prohlížeče většinou zobrazi text uvnitř značek <code> neproporciálním písmem. My si však můžeme sami nadefinovat vlastní styl pomocí CSS.

code {
font-family: Courier, monospace;
color: #333;
border: 1px solid #e1e1e1;
display: block;
padding: 10px 5px 10px 40px;
margin-bottom: 5px;
background: #ffffe0;
}

Tímto stylem dosáhneme, tvrdím si říct, elegantního a přehledného stylu. Toť vše o prvku <code> , myslím že na něm není nic až tak složitého.

10.7.2005