Značky HTML. Jakub Vrána

Značky HTML Jakub Vrána

HTML–tvorné značky <body> <meta/><br /> <br /> {hypertext markup language} záhlaví dokumentu název dokumentu tělo dokumentu vložení metainformací<br /> <br /> Základní tvar dokumentu <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"><br /> <br /> <html> <head> <title>Název dokumentu Tělo dokumentu

Tělo dokumentu background bgcolor text link vlink alink

obrázek na pozadí ! barva pozadí ! barva obyčejného textu ! barva odkazu ! barva prohlédnutého odkazu ! barva aktivního odkazu ! [#rrggbb | jméno]

Metainformace <meta/> http-equiv doplnění informace v hlavičce name jméno content obsah <meta http-equiv="Content-type" content="text/html;charset=iso-8859-2"> <meta name="Description" content="...">

HTML entity < > &

< (menší než) > (větší než) & (ampersand) (pevná mezera)

komentáře

Stránkotvorné značky
{paragraph}
{line break}
{horizontal rule}
-
{heading} {anchor}

odstavec zlom řádku vodorovná čára nadpis odkaz

Formát odstavce
zarovnání ! [right | center | justify]
vyčištění okolí ! [all | left | right]
vycentrování ! <pre> naformátovaný text
kontejner na objekty <span> kontejner na text
citace

Vodorovná čára
size width align noshade

tloušťka ! šířka na obrazovce ! zarovnání ! potlačení stínování !

Odkaz href name title accesskey

odkaz na dokumenty vytvoření částí dokumentu nápovědný text přístupová klávesa [x]

odkaz

Formátování Fyzické × Logické size color face

přímá úprava písma ! velikost písma [ 1–7] barva [#rrggbb | jméno] řez písma

základní nastavení písma !

Fyzické formátování <sup> <sub> {bold} {italic} {underline} {superscript} {subscript} {teletype} tučné písmo kurzíva podtržení ! horní index dolní index pevná šířka znaku Logické formátování <em> <strong> {emphasized} zvýraznění silné zvýraznění ukázka kódu vstup z klávesnice Seznamy {unordered list} {ordered list} {list item} {definition list} {definition term} {def. description} nesetříděný seznam setříděný seznam položka seznamu seznam definic pojem vysvětlující text Příklad seznamu • První položka První položka • Druhá položka Druhá položka 1. První vnořená položka První vnořená položka 2. Druhá vnořená Druhá vnořená položka položka Atributy seznamů type podoba značky ! [circle, disc, square] type start podoba značky ! [1 | i | I | a | A] číslování od ! value číslování od této značky dále ! Obrázky src URL obrázku align zarovnání ! [left | right | middle | ...] alt informace pro textové klienty border rámeček obrázku s odkazem ! width, height rozměry v pixelech vspace, hspace mezera okolo obrázku ! Obrázky s klikou indikace obrázku s klikou <map name=> deklarace oblastí <area> definice oblasti shape coords href nohref alt tvar [rect | circle | polygon] souřadnice odkaz v dané oblasti není odkaz pomocný text Příklad obrázku s klikou <map name="Mapa"> <area shape="circle" coords="10,10,5" href="elipsa.html"> <area shape="rect" coords="20,15,30,25" href="obdelnik.html"> Tabulky tabulka {table row} řádka {table heading} políčko nadpisu {table data} datové políčko Příklad tabulky 1. řádek, 1. sloupec 1. řádek, 1. sloupec 1. řádek, 2. sloupec 2. řádek, 1. sloupec 2. řádek, 2. sloupec 2. řádek, 1. sloupec 1. řádek, 2. sloupec 2. řádek, 2. sloupec Formát tabulky border cellspacing cellpadding width align bgcolor okraj velikost mezer mezi buňkami vzdálenost dat od okraje šířka zarovnání ! [center | right] barva pozadí ! Atributy tabulky , , align vodorovné zarovnání [center | right] valign svislé zarovnání [top | bottom | middle] bgcolor barva pozadí ! , colspan spojení více sloupců rowspan spojení více řádek nowrap nezalamovat obsah buněk ! Rámy deklarace rámů rows cols src name rozdělení okna na řádky a sloupce [* | 200 | 20% | 3*] definice rámů zdrojový dokument rámu jméno rámu <noframes> klienti nepodporující rámy Příklad dokumentu s rámy <noframes> Dokument pro klienty nepodporující rámy. Obsah Úpravy rámů frameborder scrolling noresize marginheight marginwidth rámeček [yes | no | 0] přikáže, zakáže posouvání [yes | no | auto] znemožní změnu velikosti šířka okraje výška okraje Odkazy na rámy cílový rám [jméno | _blank | _self | _parent | _top] target href základ pro odkaz základní rám pro odkaz základ pro odkaz na dokument Formuláře <select><br /> <br /> formulář vstupní pole vstupní textová oblast menu<br /> <br /> Formulář <form> action method enctype target<br /> <br /> co se s daty formuláře provede jak se to provede [get | post] jakého jsou data druhu cílové okno<br /> <br /> <form enctype="application/form-data"><br /> <br /> Příklad formuláře <form action="mailto.php" method="post"> Jméno: <input type="text" name="jmeno"> E-mail: <input type="text" name="email"> Zpráva: <textarea name="zprava"> Stránky se mi: Líbí Nelíbí Vstupy formulářů TEXT, PASSWORD CHECKBOX RADIO HIDDEN FILE SUBMIT RESET jednoduchý, skrytý text zaškrtávací políčko přepínač skrytý prvek odeslání celého souboru tlačítko pro odeslání tlačítko pro vynulování Atributy vstupů name value size maxlength checked disabled readonly identifikátor hodnota velikost vstupního pole maximální délka vstupu indikátor výběru prvek nelze vybrat prvek nelze změnit Vstupní textová oblast name identifikátor rows, cols počet řádků, sloupců wrap zalamování na konci řádku !! [off | soft | hard] <textarea wrap="hard"> Text, který se na začátku zobrazí ve vstupním poli. Výběrový seznam <select> name size multiple {heading} {anchor} odstavec zlom řádku vodorovná čára nadpis odkaz 7 7 Formát odstavce zarovnání ! [right | center | justify] vyčištění okolí ! [all | left | right] vycentrování ! <pre> naformátovaný text kontejner na objekty <span> kontejner na text citace 8 Vodorovná čára size width align noshade tloušťka ! šířka na obrazovce ! zarovnání ! potlačení stínování ! 9 Odkaz href name title accesskey odkaz na dokumenty vytvoření částí dokumentu nápovědný text přístupová klávesa [x] odkaz 10 Formátování Fyzické × Logické size color face přímá úprava písma ! velikost písma [ 1–7] barva [#rrggbb | jméno] řez písma základní nastavení písma ! 11 Fyzické formátování <sup> <sub> {bold} {italic} {underline} {superscript} {subscript} {teletype} tučné písmo kurzíva podtržení ! horní index dolní index pevná šířka znaku 12 Logické formátování <em> <strong> {emphasized} zvýraznění silné zvýraznění ukázka kódu vstup z klávesnice 13 Seznamy {unordered list} {ordered list} {list item} {definition list} {definition term} {def. description} nesetříděný seznam setříděný seznam položka seznamu seznam definic pojem vysvětlující text 14 Příklad seznamu • První položka První položka • Druhá položka Druhá položka 1. První vnořená položka První vnořená položka 2. Druhá vnořená Druhá vnořená položka položka 15 Atributy seznamů type podoba značky ! [circle, disc, square] type start podoba značky ! [1 | i | I | a | A] číslování od ! value číslování od této značky dále ! 16 Obrázky src URL obrázku align zarovnání ! [left | right | middle | ...] alt informace pro textové klienty border rámeček obrázku s odkazem ! width, height rozměry v pixelech vspace, hspace mezera okolo obrázku ! 17 Obrázky s klikou indikace obrázku s klikou <map name=> deklarace oblastí <area> definice oblasti shape coords href nohref alt tvar [rect | circle | polygon] souřadnice odkaz v dané oblasti není odkaz pomocný text 18 Příklad obrázku s klikou <map name="Mapa"> <area shape="circle" coords="10,10,5" href="elipsa.html"> <area shape="rect" coords="20,15,30,25" href="obdelnik.html"> 19 Tabulky tabulka {table row} řádka {table heading} políčko nadpisu {table data} datové políčko 20 Příklad tabulky 1. řádek, 1. sloupec 1. řádek, 1. sloupec 1. řádek, 2. sloupec 2. řádek, 1. sloupec 2. řádek, 2. sloupec 2. řádek, 1. sloupec 1. řádek, 2. sloupec 2. řádek, 2. sloupec 21 Formát tabulky border cellspacing cellpadding width align bgcolor okraj velikost mezer mezi buňkami vzdálenost dat od okraje šířka zarovnání ! [center | right] barva pozadí ! 22 22 Atributy tabulky , , align vodorovné zarovnání [center | right] valign svislé zarovnání [top | bottom | middle] bgcolor barva pozadí ! , colspan spojení více sloupců rowspan spojení více řádek nowrap nezalamovat obsah buněk ! 23 23 Rámy deklarace rámů rows cols src name rozdělení okna na řádky a sloupce [* | 200 | 20% | 3*] definice rámů zdrojový dokument rámu jméno rámu <noframes> klienti nepodporující rámy 24 24 Příklad dokumentu s rámy <noframes> Dokument pro klienty nepodporující rámy. Obsah 25 Úpravy rámů frameborder scrolling noresize marginheight marginwidth rámeček [yes | no | 0] přikáže, zakáže posouvání [yes | no | auto] znemožní změnu velikosti šířka okraje výška okraje 26 26 Odkazy na rámy cílový rám [jméno | _blank | _self | _parent | _top] target href základ pro odkaz základní rám pro odkaz základ pro odkaz na dokument 27 Formuláře <select><br /> <br /> formulář vstupní pole vstupní textová oblast menu<br /> <br /> 28<br /> <br /> 28<br /> <br /> Formulář <form> action method enctype target<br /> <br /> co se s daty formuláře provede jak se to provede [get | post] jakého jsou data druhu cílové okno<br /> <br /> <form enctype="application/form-data"><br /> <br /> 29<br /> <br /> 29<br /> <br /> Příklad formuláře <form action="mailto.php" method="post"> Jméno: <input type="text" name="jmeno"> E-mail: <input type="text" name="email"> Zpráva: <textarea name="zprava"> Stránky se mi: Líbí Nelíbí 30 Vstupy formulářů TEXT, PASSWORD CHECKBOX RADIO HIDDEN FILE SUBMIT RESET jednoduchý, skrytý text zaškrtávací políčko přepínač skrytý prvek odeslání celého souboru tlačítko pro odeslání tlačítko pro vynulování 31 31 Atributy vstupů name value size maxlength checked disabled readonly identifikátor hodnota velikost vstupního pole maximální délka vstupu indikátor výběru prvek nelze vybrat prvek nelze změnit 32 32 Vstupní textová oblast name identifikátor rows, cols počet řádků, sloupců wrap zalamování na konci řádku !! [off | soft | hard] <textarea wrap="hard"> Text, který se na začátku zobrazí ve vstupním poli. 33 33 Výběrový seznam <select> name size multiple Copyright © 2024 ADOC.PUB. All rights reserved. About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy Sign In Email Password Remember me Forgot password? Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close

Značky HTML. Jakub Vrána

Recommend Documents

-

-