Atribut Význam Hodnoty
|
|
- Jindřich Šimek
- před 8 lety
- Počet zobrazení:
Transkript
1 Formuláře Tag Význam Párový Výskyt form formulář ano input vstupní pole ne <form> select výběrové pole ano <form> option volba ne <select> textarea velké vstupní pole ano <form> label popis pole ano <form> fieldset skupina polí ano <form> legend popis pole ano <fieldset> optgroup skupina voleb ano <select> button tlačítko ano <form> form Formulář. Párový tag. Uzavírá skupinu ovládacích polí do jednoho formuláře, který bude najednou odeslán. Atributy tagu <form> action skript, který bude zpracovávat data URL method způsob předávání dat get post enctype způsob zakódování dat application/x-www-form-urlencoded multipart/form-data libovolná mime deklarace
2 target cílové okno nebo rám _self, _blank, _top, _parent, nebo jméno rámu nebo okna Action obvykle míří na nějaký CGI skript nebo PHP nebo ASP. Není-li uvedeno, odešlou se data téže stránce. Výchozí metoda atributu method je get. Říká, že se data budou předávat jako součást URL, tedy v řádku adresy. Method=post zabalí odesílaná data a odesílá je nezávisle, takže nejsou vidět. Post je dobré nastavit u delších formulářů. Atributem enctype se nemusíte zabývat, pokud vám nepůjde o posílání souborů nebo o přesný výstup českých znaků (pak nastavte multipart/formdata). Pro posílání jednoduché pošty doporučuji enctype="text/plain". Následuje popis vstupních polí formuláře. Dělají se pomocí tagů <input>, <select> a <textarea>. Tyto musejí být umístěny v elementu <form>, ale navíc mohou být třeba i v tabulce. Popisky vstupních polí se dělají normálním textem kolem nich. input Vstupní pole. Nepárový tag. Obecné atributy tagu <input> type druh vstupního pole text password hidden radio checkbox submit reset image file button name jméno pole, které se odesílá s daty libovolné jméno value disabled readonly hodnota pole (původní hodnota pole nebo text zobrazovaný na tlačítku) políčko bude šedé a nepůjde měnit (jen v některých prohlížečích) v IE se neodesílá obsah pole nepůjde měnit (fachá jen v některých prohlížečích) libovolná hodnota align zarovnání (jako u obrázku) right, left + těch dalších x možností
3 Další atributy jsou přípustné na základě hodnoty atributu type. Mohou to být size, maxlength, checked, autocomplete, src a accept (vizte níže). Atribut type určuje typ políčka Input v sobě zahrnuje celou škálu různých kolonek, tlačítek a přepínačů -- to všechno závisí na atributu type. Tag <input>, atribut type. Různá vstupní pole. type= Druh vstupního pole Další atributy text obyčejné textové pole size= šířka ve znacích maxlength = nejvyšší možný počet zadaných znaků, autocomplete = doplňování známých hodnot (popis níže) password textové pole s hvězdičkami size= šířka ve znacích maxlength- maximum znaků hidden radio skryté pole s předem nastavenou hodnotou přepínač puntíků (několik tagů <input type=radio> stejného jména (name) s různými hodnotami tvoří skupinu možností) checked -- atribut způsobí stisknutí puntíku checkbox zatrhávací tlačítko checked -- atribut způsobí zatržení submit reset image file button potvrzující tlačítko způsobující odeslání formuláře tlačítko na smazání všech polí (na přednastavenou hodnotu) potvrzující tlačítko odesílající navíc souřadnice kliknutí (name.x a name.y (php je dostává jako name_x a name_y )) umožní zadat soubor tlačítko ovládané skriptovými atributy src= URL obrázku (navíc nepoužitelné dynsrc, lowsrc jako u <img>) accept = MIME typ nabízených souborů V některých popisech HTML se vyskytují ještě typy range, scribble a jot, které ale podle mých zkušeností nikde nefungují.
4 Příklady použití tagu input: Obyčejné textové pole: <input type="text" name="jmeno"> nebo <input name="jmeno"> Obyčejné textové pole dlouhé 10 znaků: <input type="text" size="10" name="jmeno"> Textové pole s předvyplněnou hodnotou ahoj: <input type="text" name="jmeno" value="ahoj"> Pole pro heslo: <input type="password" name="heslo"> bude se hvězdičkovat. Skryté pole pro předávání skrytých parametrů: <input type="hidden" name="skryte" value="ahoj"> Tři přepínací tečky (radio buttony), první vybraná: <input type="radio" name="stejne_jmeno" value="první" checked="checked"> <input type="radio" name="stejne_jmeno" value="druhá"> <input type="radio" name="stejne_jmeno" value="t řetí"> Zaškrtávací čtvereček (zaškrtnutý): <input type="checkbox" name="ctverecek" checked="checked"> Odesílací tlačítko: <input type="submit" value="odeslat"> Zobrazit tento příklad. Input s type="reset" doporučuji nepoužívat, protože téměř nikdy není užitečný. Naopak uživatele často strašně naštve, protože je automaticky spojený se stisknutím klávesy escape -- každé zmáčknutí escape vymaže formulář. <input type="text"> Type="text" znamená, že půjde o obyčejné vstupní pole. Text je defaultní hodnota, takže když se type vůbec nezadá, funguje to stejně.
5 Další atributy tagu <input type="text"> atribut Význam Hodnoty size maxlength délka pole maximální počet znaků obyčejné číslo, vyjadřuje počet znaků. Pro přesné zadání rozměru se lépe hodí css vlastnost width, která má vyšší prioritu. obyčejné číslo, více znaků prostě nejde zadat. Bývá zvykem dávat vyšší hodnotu, než má size. autocomplete povolí nebo zakáže doplňování známých hodnot on off Zajímavě funguje u textového inputu atribut autocomplete="off". Zabrání tomu, aby se políčko vyplnilo nějakou dříve zadanou hodnotou v nějaké jiné stránce (shoda se myslím určuje podle atributu name). Častá chyba u maxlength: stává se mi, že prohodím na konci písmenka t a h, maxlenght je špatně, maxlength je dobře. select Výběr. Zobrazí obdélníček s možnostmi nebo roletkové menu. Párový tag, jeho obsahem jsou jednotlivé volby -- tagy <option>. Atributy tagu <select> name jméno pole odesílatné s daty libovolné jméno multiple umožnění hromadného výběru (s Ctrl) size počet zobrazených řádků číslo disabled políčko bude šedé a nepůjde měnit (jen v některých prohlížečích) Pokud je size 1, bude to roletkové menu. Při size 2 a vyšší se <select> zobrazí jako obdélníček s rolovací lištou. Bude-li hodnot stejně nebo méně než size, nebudou tam ani rolovací lišty.
6 Šířka selectu, jak se vykreslí na stránce, se odvozuje od nejširší option. Vzhled šedivé šipky s nabídkou nelze v Internet Exploreru nijak změnit. Zev všech HTML tagů jsou s vykreslováním tagu select jsou asi největší problémy, select například nejde dost dobře stylovat přes CSS (pouze tučnost, kurziva a barva pozadí přes <option>). Je to tím, že tento ovládací prvek přebírají prohlížeče (zejm. Internet Explorer) z grafického prostředí operačního systému. option Položka výběru. Nepárový tag (třebaže se může zadávat párově), obsahem elementu je text za tagem až do dalšího tagu. Atributy tagu <option> value řetězec odesílaný jako hodnota pole řetězec selected Položka je předem vybrána Text za tagem <option> se zobrazí ve výběru. Pomocí kaskádových stylů (CSS) se v IE 6 dají položky option formátovat pouze omezeně. Dá se jim nastavit jen barva písma (color) a barva pozadí (background-color). Uvnitř tagu <option> jsou ignorovány všechny html tagy. textarea Rozsáhlé vstupní pole (textarea = angl. prostor pro text). Zobrazuje rámeček s lištou.. Párový tag. Nemá atribut value, za implicitní hodnotu se považuje obsah elementu. Jinak řečeno, tag <textarea> obklopuje text, který se zpočátku zobrazí uvnitř </textarea>. Atributy tagu <textarea> name jméno odesílané s daty jméno cols šířka pole ve znacích číslo rows výška pole v řádcích číslo
7 disabled readonly políčko bude šedé a nepůjde měnit (jen v některých prohlížečích, tehdy se neodesílá) obsah pole nepůjde měnit (fachá to jen v některých prohlížečích) wrap zalamování slov a řádků hard, soft, off Tag textarea nemá žádnou obdobu atributu maxlength pro maximální po čet znaků, jako je tomu u tagu <input type="text">. Má-li být počet znaků omezený, je potřeba to složitěji skriptovat javascriptem (přes.value.length). Tag <textarea>, atribut wrap wrap= soft hard off Význam řádky se smějí zalomit jenom v místě mezery. V praxi se zalamují i uprostřed slova, přesahuje-li slovo celý řádek. Odesílá se tak, jak je zapsáno. řádky se zalamují v místě mezery nebo kdekoliv v příliš dlouhém slově. Pokud se ale zalomí, je tento řádkový zlom také odeslán na server jako konec řádku. řádek se nezalamuje vůbec nikde (Interet Explorer), popř. jen na konci slov (Mozilla). Objevuje se vodorovný scrollbar. Odesílá se tak, jak je zapsáno. Prohlížeče se liší v tom, jakou hodnotu mají nastavenu jako výchozí. Zatímco v IE a v Mozille je to soft, v Netscape je to pravděpodobně off. Doporučuji vždy zadávat wrap="off". Existují ještě starší hodnoty physical (odpovídá hard) a virtual (odpovídá soft), ale jejich podporu jsem netestoval. Následující tagy do HTML přibyly až ve verzi 4.0. Jejich implementace není v pětkových verzích prohlížečů úplná, ale obecně už (na podzim 2005) fungují perfektně. label Štítek, popisek pole. Vyskytuje se nejlépe před políčkem, ke kterému se vztahuje, aby to i v prohlížečích, které label nepodporují, dávalo smysl. Výhodou je aktivace pole formuláře, pokud se klikne na štítek, a lepší automatizace (accesskey, css). Vlastní text štítku se zadává jako obsah elementu -- jde o tag párový.
8 Atribut tagu <label> for svázání s polem stejného identifikátoru hodnota atributu id u svázaného pole Příklad: <label for="drak">zadej jméno draka:</label> <input type="text" id="drak"> fieldset Skupina polí. Párový tag, který opticky sdruží několik prvků formuláře a vykreslí kolem nich slabý rámeček. Čáru rámečku může přerušit text tagu <legend>. <fieldset> nemá žádné atributy kromě obecných. Vzhled se dá upravovat pomocí CSS. Starší prohlížeče tento tag ignorují. Příklad vidíte níže u tagu legend. legend Popisek skupiny polí (tagu <fieldset>). Zobrazuje se nad skupinou polí přes horní čáru fieldsetu. Musí být zapsána hned za značkou <fieldset>. Obsahem tagu <legend> může být libovolné HTML (rozumné). Čtyřkové prohlížeče tag nepodporují. Atribut tagu <legend> align zarovnání popisku left right center Příklad: <fieldset> <legend>milá zvířátka</legend> Kočičky: <input name="kocky"><br> Dráčci: <input name="draci"> </fieldset> optgroup Skupina voleb ve výběrovém prvku <select>. Párový tag, kterým se obklopí skupinky tagů <option>. V šestkových verzích prohlížečů se potom takové skupinky zobrazí odsazené a budou mít nadpis tučnou kurzívou. Ten nadpis se zadává jako atribut label tagu <optgroup>. Pětkové a nižší verze prohlížečů tento tag ignorují a zobrazují volby normálně pod sebou.
9 Příklad: <select> <optgroup label="nadpis skupinky"> <option>první</option> <option>druhá</option> </optgroup> </select> button Tlačítko. Jedinou a hlavní výhodou buttonu oproti tagu <input> je, že se do něj dá vložit libovolný HTML kód, který se na tlačítku zobrazí. Takže se mezi <button> a </button> dají vkládat obrázky, nadpisy, prostě cokoliv. Je to prostě tag párový. Příklad: <button name="cokoliv" value="cokoliv">tlačítko s <b>tučným textem</b></button> Atributy tagu <button> type name value druh vstupního pole jméno pole, které se odesílá s daty hodnota, která by se měla odesílat (nefunguje v Exploreru, ten odesílá obsah tagu) submit reset button libovolné jméno libovolná hodnota V praxi se button chová hodně podobně jako <input> se stejným type. Při odesílání formuláře by se normálně měly spárovat hodnoty name a value. Implementace tagu button v Internet Exploreru ale obsahuje chybu, kdy se namísto value odesílá text z obsahu buttonu (tedy to, co je vid ět na tlačítku, přesněji řečeno vlastnost innertext). Kvůli této chybě se ale button v praxi moc nepoužívá. Tag <button>, atribut type type= Význam submit odeslání formuláře
10 reset button vymazání formuláře nic nedělá, pokud na něj není navázán skript (nejčastěji přes onclick) Důležitý atribut type, podobný atributu type u tagu <input>. Nastavení type="submit" způsobí, že tlačítko bude odesílat formulář. Výchozí hodnota atributu type (tedy když se type nezadá) je submit (odesílací tlačítko formuláře), ale Explorer chápe výchozí hodnotu type jako button. V praxi tedy vždycky, když chcete použít button, musíte type zadat, jinak se to bude v každém prohlížeči chovat jinak. Úplně nejlepší je asi <button> pokud možno nepoužívat a zůstat u <input>.
Návrh a tvorba WWW stránek 1/8. Formuláře
Návrh a tvorba WWW stránek 1/8 Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v XHTML method metoda, kterou
VíceFormuláře. Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí!
Formuláře Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí! HTML formuláře: Formuláře Možnost, jak uživatel může vložit obsah na web - odeslat data na server - zpracovat data ve
VíceInovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek. Ing. Zelinka Pavel Číslo: VY_32_INOVACE_35 17 Anotace:
Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1 Šablona: Název: Téma: Autor: Inovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek Formuláře v (X)HTML II. Ing.
VíceFormuláře. neomezený počet formulářových polí v rámci HTML dokumentu může být více formulářů, nelze je ale do sebe vnořovat
Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v HTML method metoda, kterou klient předává data serveru
VíceXHTML 1. Formuláře. Element form. <form>... </form>
XHTML 1 Formuláře Činnost: - zadávání informací do elektronického obchodu; - odesílání jména a dalších informací pro on-line službu; - nákup letenek a cestovních služeb; - nákup dalšího zboží a služeb,
VíceVyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 13 VY 32 INOVACE 0101 0313
Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 13 VY 32 INOVACE 0101 0313 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor
VíceZáklady HTML, URL, HTTP, druhy skriptování, formuláře
Základy HTML, URL, HTTP, druhy skriptování, formuláře Skriptování na straně klienta a serveru Skriptování na straně klienta se provádí pomocí programovacího jazyka JavaScript, který je vkládán do HTML
VíceFormuláře v HTML. Evropský sociální fond Praha a EU Investujeme do vaší budoucnosti
Formuláře v HTML Praha a EU Investujeme do vaší budoucnosti Obsah 1 Úvod... 2 2 Značky a atributy... 2 2.1 atributy značky form... 2 2.2 Prvky ve formuláři... 3 2.2.1 Textové vstupy... 3 2.2.2 Zaškrtávací
VíceGrafické rozhraní pro práci s formuláři přes internet Graphic interface for working with forms placed on Internet. Bc.
Grafické rozhraní pro práci s formuláři přes internet Graphic interface for working with forms placed on Internet Bc. Marek Kojecký Diplomová práce 2007 ABSTRAKT Práce pojednává o webových aplikacích
VíceTNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky Sémantická - pomocí HTML Stránka je chápána jako skupina oblastí, každá oblast má svůj účel (menu,
Více03 - Základy editace dynamických stránek
Dynamické WWW stránky V předchozí kapitole byly popsány tagy jazyka HTML, kterým se říká statické. Jinými slovy, lze jimi vytvořit plnohodnotnou a kvalitní statickou stránku. To znamená, že stránka sice
VíceZáklady webových aplikací ZWA Přednáška č. 3 tvorba formulářů na klientské straně. Martin Klíma
Základy webových aplikací ZWA Přednáška č. 3 tvorba formulářů na klientské straně Martin Klíma FORMULÁŘE Formuláře Formuláře se používají k odesílání dat na server Omezená sada formulářových polí Není
VíceDUM 14 téma: Interakce s uživatelem
DUM 14 téma: Interakce s uživatelem ze sady: 2 tematický okruh sady: Tvorba statických www stránek s použitím CSS ze šablony: 08 Internet určeno pro: 3. ročník vzdělávací obor: 18-20-M/01 Informační technologie
VíceWebové formuláře v HTML5 a Web Forms 2.0
Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra Informatiky Bakalářská práce Webové formuláře v HTML5 a Web Forms 2.0 Vypracoval: Václav Vlk, DiS. Vedoucí práce: PaedDr. Petr Pexa,
VíceZačátek formuláře. odeslat. Konec formuláře
Přehled formulářových tagů vymezení oblasti formuláře vstupní políčko, odesílací políčko, zaškrtávátka, přepínače, prostě mnoho věcí. Co to přesně bude, určuje type výběr, taková
VíceFormuláře. Internetové publikování. Formuláře - příklad
Formuláře Internetové publikování Formuláře - příklad 1 Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře
Více12. Základy HTML a formuláře v HTML
12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura
VíceČeské Budějovice, Emy Destinové 395
VYŠŠÍ ODBORNÁ ŠKOLA A STŘEDNÍ ŠKOLA, s. r. o. České Budějovice, Emy Destinové 395 Absolventská práce 2013 Petr Hušek Prohlašuji, že jsem absolventskou práci na téma Webové formuláře v HTML5 a WEB Forms
VíceSada 1 - PHP. 09. Formuláře
S třední škola stavební Jihlava Sada 1 - PHP 09. Formuláře Digitální učební materiál projektu: SŠS Jihlava šablony registrační číslo projektu:cz.1.09/1.5.00/34.0284 Šablona: III/2 - inovace a zkvalitnění
VíceInteraktivní = umožňující vzájemnou komunikaci, tj. přímý vstup do činnosti stroje nebo programu.
Úvod do tvorby www stránek Tvorba www 4 Práce s formuláři Lze rozdělit na dvě části: návrhovou a programovací (tj. vývoji skriptu). Pomocí formulářů provádíme reálnou interaktivitu stránky s uživatelem.
VíceZáklady HTML. Autor: Palito
Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete
VíceBloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.
Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam
VíceZáklady HTML. Obecná syntaxe HTML. Struktura HTML
Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů
VíceTvorba webových stránek
Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou
Více4. POČÍTAČOVÉ CVIČENÍ
4. POČÍTAČOVÉ CVIČENÍ Cílem dnešního cvičení je vytvořit formuláře obsahující zaškrtávací pole a přepínací tlačítka. Vstupní pole pro zadání hesla
VíceFormuláře. Internetové publikování
Formuláře Internetové publikování Formuláře - příklad Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře
VíceProgramování v PHP. Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze. Další možnosti formulářů
Programování v PHP Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, Helena Wallenfelsová, 2011 Další možnosti formulářů BI-PHP, cvičení
VícePODPORA ELEKTRONICKÝCH FOREM VÝUKY
I N V E S T I C E D O R O Z V O J E V Z D Ě L Á V Á N Í PODPORA ELEKTRONICKÝCH FOREM VÝUKY CZ.1.07/1.1.06/01.0043 Tento projekt je financován z prostředků ESF a státního rozpočtu ČR. SOŠ informatiky a
VíceHTML Hypertext Markup Language
HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé
VíceVYHLEDÁVACÍ BANNER PRO WEBOVÉ STRÁNKY
VYHLEDÁVACÍ BANNER PRO WEBOVÉ STRÁNKY DOKUMENTACE Datum: 16.12. 2013 Zpracováno pro: Ředitelství silnic a dálnic ČR Na Pankráci 546/56 145 05 Praha 4 Zpracoval: VARS BRNO a.s. Kroftova 3167/80c, 616 00
VíceInternet 2 css, skriptování, dynamické prvky
Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní
VíceTvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD
Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu
VíceHTML. ICT_01., 02. konzultace; 2. ročník 1/6
ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru,
VíceTvorba webových stránek
Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený
VíceGoogle Apps. weby 1. verze 2012
Google Apps weby verze 0 Obsah Obsah... Úvod... Zahájení práce... Nastavení webu... Úprava stránky... Popis prostředí... Rozložení stránky... Nadpis stránky... Úprava textu... Vložení odkazu... 8 Vložení
VíceObrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne
Obrázky Tag Význam Párový Výskyt img obrázek ne img video ne map klikací mapa ano area oblast v klikací mapě ne Img Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného
VíceUživatelská příručka 6.A6. (obr.1.)
Uživatelská příručka 6.A6 Na stránky se dostanete zadáním URL adresy: http://sestasest.tym.cz do vašeho prohlížeče. Teď jste se dostali na úvodní stránku, na které vidíte fotku, přivítání, odkaz na Uživatelskou
VíceTVORBA WEBOVÝCH STRÁNEK
TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03a Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03a 1. Úvod do značkovacích jazyků HTML a XHTML 2. Struktura webové stránky, popis částí
VíceWebová stránka. Matěj Klenka
Webová stránka Matěj Klenka Osobní webová stránka Toto je dokumentace k mé webové stránce This is a documentation to my web page Já, Matěj Klenka, prohlašuji, že má webová stránka byla vytvořena mnou a
VíceManuál k editoru TinyMCE
Manuál k editoru TinyMCE Popis ovládacích prvků UPOZORNĚNÍ: Některé tlačítka nemusí být k dispozici. Styl písma Dolní a horní index Zarovnání textu Může se aplikovat na označený text. B - tučné písmo,
VíceÚvod do email systému
Úvod do email systému Základní informace Toto emailové prostředí je rozloženo do tří hlavních částí - rámců. Levý rámec zobrazuje aktuálně přihlášené složky. V pravé části strany se realizuje veškerá činnost
VíceIE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
Více22. Tvorba webových stránek
22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči
VíceTvorba fotogalerie v HTML str.1
Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné
VíceIE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
VíceTematický celek Proměnné. Proměnné slouží k dočasnému uchovávání hodnot během provádění aplikace Deklarace proměnných
Tematický celek 03 3.1 Proměnné Proměnné slouží k dočasnému uchovávání hodnot během provádění aplikace. 3.1.1 Deklarace proměnných Dim jméno_proměnné [As typ] - deklarace uvnitř procedury platí pouze pro
Více25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY
25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25.1 Přidání nového tlačítka do menu Abychom mohli zpřístupnit nový pevný tvar do systému, je třeba přidat nové tlačítko do Menu. V našem případě se jedná o příčné
VíceČtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML
Čtvrtek 11. dubna Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje
VíceDokumentace ke službě SMS Connect. www.smsbrana.cz
Dokumentace ke službě SMS Connect www.smsbrana.cz Obsah 1 ZÁKLADNÍ INFORMACE... 3 1.1 Aktivace služby SMS Connect... 3 1.2 Přístupové údaje... 3 1.3 Přístupový bod služby URL adresa pro SMS Connect...
VícePOKYNY k vyplnění ELEKTRONICKÉ EVIDENCE FORMULÁŘŮ Registrací sportovních oddílů ČOS (EEFo RSO)
POKYNY k vyplnění ELEKTRONICKÉ EVIDENCE FORMULÁŘŮ Registrací sportovních oddílů ČOS (EEFo RSO) Aplikaci najdete na adrese https://sokol.ols.cz, která slouží k online registraci sportovního oddílu v rámci
VíceFormuláře. Téma 3.2. Řešený příklad č Zadání: V databázi formulare_a_sestavy.accdb vytvořte formulář pro tabulku student.
Téma 3.2 Formuláře Formuláře usnadňují zadávání, zobrazování, upravování nebo odstraňování dat z tabulky nebo z výsledku dotazu. Do formuláře lze vybrat jen určitá pole z tabulky, která obsahuje mnoho
VíceZáklady programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP
Základy programovacího jazyka HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Název školy: Číslo a název projektu: Číslo a název šablony klíčové
Vícewww.helpmark.cz Tomáš Herout
4. 1. 2015 1 Obsah prezentace» Jak naplánovat strukturu» Co je to HTML a CSS» Co používat za nástroje» Struktura a logika HTML» DOCTYPE» Hlavička (X)HTML» Tělo (X)HTML» Skupiny (X)HTML tagů» Vztah mezi
VíceElektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017.
Beamer - Elektronické publikování - VŠB - TUO 23. dubna 2009 Obsah 1 2 3 4 5 6 Obsah 1 2 3 4 5 6 schémata barvy písma změna fontu vnitřní schémata vnější schémata Obsah Prezentace bez navigace e stromovou
VíceŘeditelství silnic a dálnic CR. odbor Silniční databanky a Národního dopravního informačního centra (ND1C) Slovenská 1142/7, Ostrava-Přívoz, PSČ 70200
KUMSP00QID7X Ředitelství silnic a dálnic CR Ií 1 '. 00 Mt. fyff /#? odbor Silniční databanky a Národního dopravního informačního centra (ND1C) Slovenská 1142/7, Ostrava-Přívoz, PSČ 70200 PŘEDÁVACÍ PROTOKOL
VíceDalší nutný soubor je laydiv.js, ve kterém jsou uloženy funkce pro zobrazování virů na ploše a funkce pro odkaz na Teachers Guide.
ESCAPE OF VIRUSES Hra Escape of viruses je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra se spouští tlačítkem Start game. Úkolem hráče je eliminovat viry na hrací ploše kliknutím kurzoru
VíceZdokonalování gramotnosti v oblasti ICT. Kurz MS Excel kurz 4. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.
Zdokonalování gramotnosti v oblasti ICT Kurz MS Excel kurz 4 1 Obsah Rozdělení textu do sloupců... 3 Rozdělení obsahu na základě oddělovače... 3 Rozdělení obsahu na základě hranice sloupců... 5 Odebrat
VíceZpravodaj. Uživatelská příručka. Verze
Zpravodaj Uživatelská příručka Verze 02.01.02 1. Úvod... 3 2. Jak číst tuto příručku... 4 3. Funkčnost... 5 3.1. Seznam zpráv... 5 4. Ovládání programu... 6 4.1. Hlavní okno serveru... 6 4.2. Seznam zpráv...
Více<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura
mv Všechny html tagy jsou uzavřeny do závorek . Většina tagů je párových, tzn. ke každému tagu existuje druhá značka s lomítkem před tagem. (, ) HTML tagy by měly udávat pouze logické členění
VíceNová struktura souborů a složek
Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky
VíceTabulky. Přehled tagů z oblasti tabulek. Tag Význam Párový Výskyt. tr řádek tabulky nepovinně <table>, <tbody>, <thead>, <tfoot>
Tabulky Přehled tagů z oblasti tabulek Tag Význam Párový Výskyt table tabulka ano tr řádek tabulky nepovinně , , , td buňka tabulky nepovinně th hlavičková buňka tabulky
VíceČást 1. Úvod. 1.1 Technické pozadí HTML a web HTML a XHTML Myšlenka CSS Další technologie 48
Předmluva...................................19 Část 1 Úvod 1 Historické pozadí a vývoj................... 25 1.1 Technické pozadí 27 1.2 HTML a web 32 1.3 HTML a XHTML 36 1.4 Myšlenka CSS 46 1.5 Další
VícePHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě
PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především
VíceTvorba webových stránek
Metodický list číslo 1 webových stránek v netriviální kvalitě a pochopení Požadavky: Znalost základů práce s MS Windows 95 nebo podobným prostředím. 1. téma: Základy HTTP Základy fungování počítačových
Více(X)HTML-TAGY. VOŠ a SŠT Česká Třebová
(X)HTML-TAGY Mgr. Petr Slívko VOŠ a SŠT Česká Třebová Tagy Popis Značka tagu začíná levou ostrou závorkou. Za ní následuje jméno tagu, před kterým nesmí být mezera. Mohou následovat atributy. Před
VíceZáklady informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML
VíceHTML - Úvod. Zpracoval: Petr Lasák
HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají
VíceObsah. Stručná historie World Wide Webu 7
KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu
VíceVyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 14 VY 32 INOVACE 0101 0314
Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 14 VY 32 INOVACE 0101 0314 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor
VíceFreemail Prahy 10. Do svého e-mailu se můžete přihlásit odkudkoliv na webové adrese
Freemail Prahy 10 Co umožňuje Freemail Freemail funguje na podobném principu jako běžné e-maily (seznam.cz, centrum.cz apod.). Abyste se lépe ve svém e-mailu orientovali, připravili jsme pro vás jednoduchý
VíceInternet cvičení. ZS 2009/10, Cvičení 3.,8.12.2009. Tomáš Pop. DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz
Internet cvičení ZS 2009/10, Cvičení 3.,8.12.2009 Tomáš Pop DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz CHARLES UNIVERSITY PRAGUE Faculty of Mathematics and Physics Java Script obecně Moc
Více02. HODINA. 2.1 Typy souborů a objektů. 2.2 Ovládací prvky Label a TextBox
02. HODINA Obsah: 1. Typy souborů a objektů 2. Ovládací prvky Label a TextBox 3. Základní příkazy a vlastnosti ovládacích prvků 4. Práce s objekty (ovládací prvky a jejich vlastnosti) 2.1 Typy souborů
VíceHTML. HyperText Markup Language. 25.9.2013 Josef Steinberger
HTML HyperText Markup Language 25.9.2013 Josef Steinberger HTML historie, verze Hypertext Jazyk popisující strukturu dokumentu SGML/XML Aplikace Verze: HTML 1 1990+ TBL, CERN HTML 2.0 1995 as RFC 1866
VíceNOVINKY VERZE
NOVINKY VERZE 12.15.0 ze dne 6. 12. 2017 Vážení uživatelé, v uplynulém týdnu jsme pro vás v informačním systému Insolvenční správce připravili opět několik nových vylepšení. Soustředili jsme se zejména
VíceStruktura stránek. <TITLE></TITLE>... text mezi tagy je zobrazen v názvu okna. <BODY></BODY> atributy:
1 Struktura stránek příklad:
Více3 Formuláře a sestavy Příklad 1 Access 2007
TÉMA: Vytváření formulářů Správce databáze Naše zahrada předpokládá, že bude s vytvořenou databází pracovat více uživatelů. Je třeba proto navrhnout a vytvořit formuláře pro přístup k datům. Zadání: Otevřete
VíceModul Ankety verze 1.11 pro redakční systém Marwel 2.8 a 2.7
Modul Ankety verze 1.11 pro redakční systém Marwel 2.8 a 2.7 postupy a doporučení pro práci redaktorů Ivo Vrána, červen 2011 Podpora: e-mail: podpora@qcm.cz tel.: +420 538 702 705 Obsah Modul Ankety...3
VíceFormulář pro křížový filtr
Formulář pro křížový filtr Formulář pro křížový filtr je určen zejména autorům křížovek a má sloužit jako pomůcka při jejich tvorbě. Levé části formuláře dominuje tzv. šablona, což je síť 20 krát 20 políček
VíceNápověda k redakčnímu systému InstantWeb.cz
Nápověda k redakčnímu systému InstantWeb.cz Přihlášení na adrese www.vasedomena.cz/admin naleznete přihlašovací pole se jménem a přiděleným heslem. Toto heslo je zpočátku přiděleno poskytovatelem programu,
Více1 Administrace systému 3. 1.3 Moduly... 3 1.4 Skupiny atributů... 4 1.5 Atributy... 4 1.6 Hodnoty atributů... 4
CRM SYSTÉM KORMORÁN PŘÍRUČKA ADMINISTRÁTORA Obsah 1 Administrace systému 3 1.1 Uživatelské účty.................................. 3 1.2 Přístupová práva................................. 3 1.3 Moduly.......................................
VíceAdministrace webu Postup při práci
Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se...
Více1 Tvorba WWW stránek pomocí programu Microsoft FrontPage
1 Tvorba WWW stránek pomocí programu Microsoft FrontPage Pomocí tohoto programu můžete vytvářet WWW stránky s minimální znalostí HTML kódu. Bohužel takto vytvořené stránky obsahují množství chyb a nejsou
VíceStručný manuál pro webový editor. Ukládáni základních informací, tvorba menu
Stručný manuál pro webový editor Ukládáni základních informací, tvorba menu Po přihlášení ( zadejte zaslané přihlašovací jméno a heslo ) se Vám zobrazí stránka, kde jsou následující údaje: 1. blok, který
VíceCSS Stylování stránek. Zpracoval: Petr Lasák
CSS Stylování stránek Zpracoval: Petr Lasák Cascade Style Sheets Sada stylů každý element má styl svého zobrazení Říká, jak má být element zobrazen, ne co v něm je Do verze HTML 4.0 byl vzhled měněn pouze
VíceMANUÁL K OBSLUZE REDAKČNÍHO SYSTÉMU / wordpress
MANUÁL K OBSLUZE REDAKČNÍHO SYSTÉMU / wordpress www.webdevel.cz Webdevel s.r.o. IČ 285 97 192 DIČ CZ28597192 W www.webdevel.cz E info@webdevel.cz Ostrava Obránců míru 863/7 703 00 Ostrava Vítkovice M 603
VíceTřídy a objekty. Třídy a objekty. Vytvoření instance třídy. Přístup k atributům a metodám objektu. $z = new Zlomek(3, 5);
Programovací jazyk PHP doc. Ing. Miroslav Beneš, Ph.D. katedra informatiky FEI VŠB-TUO A-1007 / 597 324 213 http://www.cs.vsb.cz/benes Miroslav.Benes@vsb.cz Obsah Třídy a objekty Výjimky Webové aplikace
Vícesi.shimano.com Uživatelský návod
(Czech) si.shimano.com Uživatelský návod verze 1.4.1 OBSAH Pokyny k používání... 3 Informace o webu... 3 Používání jednotlivých obrazovek... 4 Hlavní obrazovka... 4 Navigace... 4 Navigační nabídka... 4
VíceRegistrace a nastavení účtů do Vodafone OneNet Samoobsluhy, Vodafone evyúčtování.
Registrace a nastavení účtů do Vodafone OneNet Samoobsluhy, Vodafone evyúčtování. Úvod: Pro správu a přehled aktivovaných služeb slouží Vodafone OneNet Samoobsluha. Pro veškeré sledování vyúčtování (různé
Více1 Úvod. 2 Registrace a přihlášení. Registrace). Zobrazí se stránka, kde budete mít na výběr ze dvou možností. Můžete vytvořit nové či.
1 Úvod Aplikace XPERA Projects, která je určena pro sběr a řešení požadavků, přináší nový rozměr a efektivity mobilního klienta. Aplikace Xpera Projects pro ios znamená mít řešené případy stále s sebou.
VíceSEO v CeSYSu. CeSYS manuál pro uživatele
SEO v CeSYSu CeSYS manuál pro uživatele Úvod K tomu, abyste byli schopni používat SEO nástroje ve Vašem CeSYSu nemusíte být profesionální webdesignéři, nicméně základní představa o některých HTML prvcích
VíceInstalace. Produkt je odzkoušen pro MS SQL server 2008 a Windows XP a Windows 7. Pro jiné verze SQL server a Windows nebyl testován.
Instalace Produkt se neinstaluje. Stačí soubor uložit na libovolné místo na Vašem počítací (klikněte pravým tlačítkem a dejte 'uložit cíl jako ), pak jen spustit. Požadavky na software Produkt je odzkoušen
VíceNávod na základní používání Helpdesku AGEL
Návod na základní používání Helpdesku AGEL Úvod Přihlášení Nástěnka Vyhledání a otevření úlohy Otevření úlohy Seznam úloh Vyhledávání úloh Vytvoření nové úlohy Práce s úlohami Editace úlohy Změna stavu
VíceWEBOVÉ STRÁNKY www.krestanskevanoce.cz
WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých
Více9. Editory www stránek II tvorba pomocí tagů a další technologie.
9. Editory www stránek II tvorba pomocí tagů a další technologie. V první části kapitoly je přehled HTML tagů a jejich příklady. V závěrečné části následuje další shrnutí (X)HTML a CSS s ohledem na validitu
VíceKAPITOLA 9. Formuláře
KAPITOLA 9 Formuláře Nejen Web 2.0 aplikace, ale ani žádná stránka generující obsah přizpůsobený uživateli (anglicky User Generated Content) si nevystačí bez formulářů. Internetové stránky musí svým uživatelům
VíceDESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA:
DESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA: 1 Obsah HTML... 1 ZÁKLADNÍ STRUKTURA WEB STRÁNKY... 1 OBSAH HLAVIČKY WEB STRÁNKY... 1 ZÁKLADNÍ HTML LAYOUT WEB STRÁNKY... 1 ZOBRAZOVANÁ HLAVIČKA WEB STRÁNKY...
VíceZáklady informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
Základy informatiky 03, HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra
VícePopis ovládání aplikace - Mapový klient KÚPK
Popis ovládání aplikace - Mapový klient KÚPK Úvodní informace K využívání této aplikace musíte mít ve Vašem internetovém prohlížeči nainstalovaný plugin Adobe Flash Player verze 10 a vyšší. Mapová aplikace
Více