1 / 22

HTML

HTML. Text, seznamy, tabulky. Form á tov á n í text u. Tu čné <b> ... </b> Kurzíva <i>…</i> Velké <big>…</big> Malé <small>…</small> Dolní index <sub>…</sub> Horní index <sup>…</sup> Přeškrtnuté <s>…</s> Podtržené <u>…</u> MOŽNO KOMBINOVAT

thuyet
Download Presentation

HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. HTML Text, seznamy, tabulky

  2. Formátování textu • Tučné <b>...</b> • Kurzíva <i>…</i> • Velké <big>…</big> • Malé <small>…</small> • Dolní index <sub>…</sub> • Horní index <sup>…</sup> • Přeškrtnuté <s>…</s> • Podtržené <u>…</u> MOŽNO KOMBINOVAT Příklad: <b><i>text</i></b> text

  3. Velikost, barva, typ • <font> … </font> Attributy • Size 1-7 (standard 3) • Color anglicky, nebo RGB #552211 • Face typ fontu musi existovat na počítači Příklad: <font size=6 color=red face=“Arial”>text</font> text

  4. Odrážkový seznam <ul> <li> první položka </li> <li> druhá položka </li> </ul> • první položka • druhá položka uzavírací tag </li> je nepovinný

  5. Odrážkový seznam: type <ul type=“disk”> <li> první položka </li> <li> druhá položka </li> </ul> Type: disc, circle, square • první položka • druhá položka

  6. Číslovaný Seznam <ol> <li> první položka </li> <li> druhá položka </li> </ol> • první položka • druhá položka

  7. Číslovaný Seznam – type <ol type=“a”> <li> první položka </li> <li> druhá položka </li> </ol> Type : 1, I, i, A, a

  8. Číslovaný Seznam – malá arabská <ol type=“a”> <li> první položka </li> <li> druhá položka </li> </ol> Type : 1, I, i, A, a a. první položka b. druhá položka

  9. Číslovaný Seznam -velká arabská <ol type=“A”> <li> první položka </li> <li> druhá položka </li> </ol> A. první položka B. druhá položka

  10. Číslovaný Seznam -velká římská <ol type=“I”> <li> první položka </li> <li> druhá položka </li> </ol> I. první položka II. druhá položka

  11. Číslovaný Seznam - malá římská <ol type=“i”> <li> první položka </li> <li> druhá položka </li> </ol> i. první položka ii. druhá položka

  12. Číslovaný Seznam - start <ol start=5> <li> první položka </li> <li> druhá položka </li> </ol> 5. první položka 6. druhá položka

  13. Vnoření Seznamů <ol> <li> první položka </li> <li> druhá položka </li> <ul> <li> podpoložka </li> <li> podpoložka </li> </ul> </ol> • první položka • druhá položka • podpoložka • podpoložka

  14. Tabulky Tabulka má řádky a sloupce buněk tagy: <table> … </table> <tr> … </tr> <td>…</td> <th>…</th>

  15. Tabulky <table> <tr>    <td>První buňka prvního řádku</td>    <td>Druhá buňka prvního řádku</td> </tr> <tr>    <td>První buňka druhého řádku</td>    <td>Druhá buňka druhého řádku</td> </tr> </table> Definice tabulky Definice řádku Definice buňky

  16. Table atributy • cellpadding vnitřní okraj buněk pixely • cellspacing vnější okraj buněk pixely • border šířka rámečku buněk pixely • width šířka tabulky • height výška • background obrázek na pozadí • bgcolor barva pozadí • bordercolor barva rámečku

  17. Table atributy: příklady <table width=300 border=3 cellspacing=5> … </table> <table width=50% border=0 bgcolor=“blue”> … </table>

  18. TR table row • Řádek tabulky. • Musí být uvnitř elementu <table> a • smí obsahovat pouze buňky (<td> a <th>).

  19. TD table data • Buňka tabulky. • Musí být umístěna v řádku <tr> • Atributy: • align: horizontální zarovnání obsahu : • left, center, right, justify • valign: vertikální zarovnání obsahu: • top, middle, bottom, baseline • rowspan: spojení buněk v řádku • počet přesahujících řádků  • colspan: spojení buněk ve sloupci • počet přesahujících sloupců

  20. TH table head • Hlavičková buňka. • Chová se úplně stejně jako <td> pouze s tím rozdílem, že text je tučný a v buňkách vystředěný. • Má stejný zápis i atributy jako <td>.

  21. TD,TH příklad <table border=1> <tr><th colspan=2 align=center>tabulka</th> <tr><th>mesic</th><th>plat</th> <tr><td>leden</td><td align=left>25000</td> <tr><td>unor</td><td align=left>26000</td> </table>

  22. TD,TH příklad <table border=1> <tr><td>ref</td><td><a href="http://cauky.unas.cz">unas</a></td> <tr><td>obr</td><td><img src="http://cauky.unas.cz/figs/aygo.jpg"></td> </table>

More Related