HTML Tagy

Úprava textu

Všechny tagy na formátování textu jsou in-line tagy, to znamená řádkové. Nezalamují za sebou řádek (narozdíl od blokových tagů).

Fyzické formátování textu

• <b> tučné písmo
• <i> kurzíva
• <u> podtržení textu Nepoužívat
• <sub> dolní index
• <sup> horní index
• <small> zmenšení textu
• <big> zvětšení písma
• <s> přeškrtnutý text
• <strike> přeškrtnutý text ¹⁾

Logické formátování

• <span> úsek textu
• <strong> zvýraznění (tučně)
• <em> zvýraznění (kurzíva)
• <cite> citace
• <code> výpis kódu
• <dfn> nově použitý termín
• <kbd> vstup z klávesnice
• <samp> ukázka
• <var> formátování proměnné
• <abbr> ustálený výraz
• <acronym> zkratka
• <del> smazaný obsah ²⁾)]

Odkazy

Opakování

http://www.kosek.cz/php/faq.html

Vložení odkazu

Pro vložení odkazu do webové stránky pak poslouží následující konstrukce:

 <a href="URL">text odkazu</a> 

Nejčastější použití odkazů je přímo v textu, kde vytvoříme odkaz na další informace týkající se určitého pojmu:

Mnoho zajímavých informací o službě WWW lze nalézt na serveru
<a href="http://www.w3.org/">konsorcia W3C</a>. Naleznete zde 
i informace o nejnovější verzi jazyka HTML.

V prohlížeči bývá text odkazu obvykle podtržen a zobrazen odlišnou barvou:

Mnoho zajímavých informací o službě WWW lze nalézt na serveru konsorcia W3C. Naleznete zde i informace o nejnovější verzi jazyka HTML.

Malá odbočka k atributům

 <název elementu atribut1="hodnota1" atribut2="hodnota2" … > 

³⁾

Seznamy

• celý seznam zahájíme tagem <ul>;
• napíšeme potřebný počet položek seznamu, každou položku uzavřeme mezi tagy <li> a </li>;
• seznam ukončíme tagem </ul>.

Nabízené druhy ovoce:
<ul>
    <li>Jablka</li>
    <li>Hrušky</li>
    <li>Švestky</li>
    <li>Banány</li>
</ul>

Nabízené druhy ovoce:

• Jablka
• Hručky
• Šfestky
• Banány

Obrázky

<img src="URL" alt="popis" width="šířka" height="výška">
 
<img src="moucha.gif" alt="Moucha, která jí večeři" width="200" height="142">

Komentáře

 <!-- text komentáře --> 

Tabulky

• Tabulky se vytváření pomocí elementu <table> * <tr> - řádky tabulky * <td> - buňky tabulky * <th> ** - hlavička tabulky

<table>
<tr>
    <th>Rok</th>
    <th>Obrat A</th>
    <th>Obrat B</th>
</tr>
<tr>
    <td>1994</td>
    <td>12,6 mil.</td>
    <td>3,6 mil.</td>
</tr>
<tr>
    <td>1995</td>
    <td>11,7 mil.</td>
    <td>5,9 mil.</td>
</tr>
<tr>
    <td>1996</td>
    <td>8,3 mil.</td>
    <td>9,7 mil.</td>
</tr>
</table>

Kaskádové styly