spse:pm3:html-tagy

Toto je starší verze dokumentu!


→ Slide 1

HTML Tagy

→ Slide 2

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ů).

↓ Slide 3
  • <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 1)
↓ Slide 4
  • <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 2))]
→ Slide 5
↓ Slide 6
http://www.kosek.cz/php/faq.html

↓ Slide 7

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.

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

3)

→ Slide 9
  • 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
→ Slide 10
<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 --> 

Co nelze komentovat?

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

  • spse/pm3/html-tagy.1601405104.txt.gz
  • Poslední úprava: 2024/07/07 16:48
  • (upraveno mimo DokuWiki)