Základy HTML. Obecná syntaxe HTML. Struktura HTML

Rozměr: px
Začít zobrazení ze stránky:

Download "Základy HTML. Obecná syntaxe HTML. Struktura HTML"

Transkript

1 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ů na Internetu. HTML soubor je obyčejný text obalený značkami, které se nazývají tagy. tagy určují, jak bude text vypadat, tedy jakou bude mít formu. všechny tagy jsou uzavřeny v <ostrých závorkách>. co není v ostrých závorkách, je text, který se bude zobrazovat. Symbolicky: <tag>text Obecná syntaxe HTML HTML má několik málo zásad, které je dobré zmínit. Nezáleží na velikosti písem, <body> je totéž co <BODY> V adresách a jménech souborů záleží na velikosti písmen, nesmějí tam být mezery a čeština. Struktura HTML <html> <head> Tagy, které prohlížeč nezná, jako by nebyly. Na začátku tagu nesmí být mezera, třeba < br> je špatně. Dvě mezery po sobě (nebo víc) mají stejný význam jako jedna mezera. Konec řádku ve zdroji se chápe jako mezera. Jména atributů je dobré dávat vždy do uvozovek, ale není to úplně nutné, pokud uvnitř nejsou mezery. <title>má první stránka</title> </head> <body> Moje první html stránka. A nějaké další texty. </body> </html>

2 Co znamenají jednotlivé tagy: <html> </html> začíná a končí dokument <head> a </head> začíná a končí hlavičku, která se sice nezobrazuje, ale obsahuje některé důležité údaje, například <title> a </title>, vymezující název dokumentu (může se lišit od jména souboru) <body> Co je mezi <body> a </body>, se bude zobrazovat. <body> je tag, kterým začíná vlastní tělo dokumentu, body má atributy barva pozadí (bgcolor), barva písma (text), Výše uvedené tagy by měl obsahovat každý html soubor. Stránku pomocí HTML můžeme psát v jakémkoli textovém editoru, přičemž nejvhodnější je poznámkový blok. Soubor pak musíme uložit s příponou.html, jako typ zvolíme Všechny soubory Editor HTML je vhodný pro začátečníky na vytváření webových stránek, nabízí u každého tagu atributy a barevně zvýrazňuje správnou syntaxi. Další tagy: <br> epárový tag, ukončuje řádek <hr> nepárový tag, vodorovná čára atributy délka (width), tloušťka (size), zarovnání (align), barva (color) a bez stínu (noshade) <font> </font> nastavení barvy (color) velikosti (size) a fontu (face) písma <h1> až <h6> nadpisy (angl. heading), mají jediný atribut align; je rozlišováno šest stupňů nadpisů.

3 Pátek 7. září Opakování jednoduchých tagů <HTML> <HEAD> <TITLE>html</TITLE> </HEAD> <BODY BGCOLOR="#AEF3A7" TEXT="#6A0000" > <FONT FACE="Aharoni" SIZE=5> <H1 ALIGN="CENTER">Pokračujeme v HTML</H1> na něco jsme si vzpomněli </FONT> </HTML> vzhled stránky Pro výběr správného fontu, který napíše všechna česká písmena použijeme tzv. Pangram (z řeckého pan gramma, každé písmeno ) je věta či úsek textu obsahující všechna písmena abecedy. Pangram pro úplnou sadu znaků české abecedy: Nechť již hříšné saxofony ďáblů rozzvučí síň úděsnými tóny waltzu, tanga a quickstepu Zastoupení všech českých písmen s diakritikou Příliš žluťoučký kůň úpěl ďábelské ódy. Pátek 14. září <img> obrázek (angl. image), nepárový tag; do stránky se vloží obrázek načtený z jiného souboru; artibuty - umístění souboru s obrázkem (src), alternativní popis (alt), šířka (width- délka nebo %), výška (height - délka nebo %). V souboru je umístěna pouze cesta k obrázku. Přemístíme-li html soubor na jiný počítač, na server v internetu apod., cesta se změní a obrázek se nezobrazí. Řešením je umístění do stejné složky s html souborem a do src napsat jen název obrázku. Název by měl být bez diakritiky a jedno slovo.

4 <a> </a> odkaz vše, co je mezi těmito značkami slouží jako odkaz (text, obrázek), atributy cíl odkazu (href) <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY BGCOLOR="#AEF3A7" TEXT="#6A0000" > <FONT FACE="Tahoma" SIZE=5> <H1 ALIGN="CENTER">Pokračujeme v HTML</H1> <IMG SRC="letadlo.gif" WIDTH=150 HEIGHT=150 ALIGN="right" HSPACE="50%" VSPACE=50> <A HREF="http://cmg.prostejov.cz">Škola</A><BR> na něco jsme si vzpomněli </FONT> </HTML> vzhled stránky Pátek 21. září Seznamy Nečíslovaný seznam: <ul> <li>první položka <li>druhá položka </ul>

5 Číslovaný seznam: <ol> <li>první položka, čísluje se to automaticky <li>druhá položka </ol> Seznam definic: <dl> <dt>pojem1 <dd>vysvětlení pojmu 1 <dt>pojem2 <dd>vysvětlení pojmu 2 </dl> <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY BGCOLOR="#AEF3A7" TEXT="#6A0000" > <FONT FACE="Tahoma" SIZE=5> <H1 ALIGN="CENTER">Pokračujeme v HTML</H1> <a href="druhy.html><img SRC="letadlo.gif" WIDTH=150 HEIGHT=150 ALIGN="right" HSPACE="50%" VSPACE=50></a> <A HREF="http://cmg.prostejov.cz">Škola</A><BR> na něco jsme si vzpomněli </FONT> </HTML> vzhled stránky

6 <HTML> <HEAD> <TITLE>druha</TITLE> </HEAD> <BODY BGCOLOR="#FF8000" TEXT="#000000" ALINK="#FFFF00" VLINK="#004040"> <H2 ALIGN="CENTER">Druhá stránka</h2> <A HREF="opakovani4b.html">Na první</a> <UL TYPE="SQUARE"> <LI>Matika <LI>Tělocvik <LI>Občanka </UL> <OL START=10> <LI>prima <LI>sekunda <LI>tercie <LI>kvarta </OL> <DL> <DT>Počítač<DD>je jen stroj </DL> </HTML> vzhled stránky Pátek 2. listopadu Tabulka <table > <tr> <th>hlavička</th> <th>hlavička</th> </tr> <tr> <td>obsah buňky</td> <td>další buňka</td> </tr> <tr> <td>levá spodní</td> <td>pravá spodní</td> </tr> </table> Co znamenají jednotlivé tagy:

7 <table> Párový tag, který začíná tabulku. <tr> Párový tag, který začíná a končí řádek tabulky. (TR znamená table row, čili řádek). <th> Tag hlavičky tabulky, je vytvořená tučným písmem uloženým na střed. <td> Tag buňky tabulky. Tabulka <table border=1 cellspacing=10 bgcolor="#ff9664" cellpadding=10> <caption>rozvrh hodin</caption> <tr><th> </th><th>1</th><th>2</th><th>3</th></tr> <tr><th>pondělí</th><td>literatura</td><td>chemie</td><td>matematika</td></ tr> <tr><th>úterý</th><td>dějepis</td><td colspan=2 aling="center" BGCOLOR="#408080"> Tělocvik</td></tr> </table> border šířka rámečku cellspacing - vnější okraj buněk cellpadding - vnitřní okraj buněk colspan = 3 sloučení buněk přes 3 sloupce rowspan = 2 - sloučení buněk přes 2 řádky

8 Tabulky lze použít také na uspořádání objektů na stránce. V tomto případě dáme border = 0 <table border=0 width="95%" cellspadding=15 align="center"> <tr> <th><img src="letadlo.gif" width=288 height=228></th> <td>monako, starověké knížectví s bohatou a barvitou historií, leží pod Přímořskými Alpami na Azurovém pobřeží při břehu Ligurského moře. Jeho státním zřízením je konstituční monarchie</td> <td><img src="zviratka.jpg" width=171 height=228></td></tr> </table> Pátek 9. listopadu Formuláře Formulář se naučíme pouze sestavit, abychom ho mohli vyhodnotit, musíme znát jazyk PHP. Při použití metody GET se data z formuláře zobrazí v řádku adresy: file:///w:/ivt/ivtv%c3%bduka/www/html/kvarta1/zpracuj.php?jmeno=jana&prijmeni =B%EDl%E1&trida=tercie&krouzek=keramika&doba=druha&heslo=1234 <BODY BGCOLOR="#408080" TEXT="#FFFF00" > <H2>Přihláška do kroužku</h2> <FORM ACTION="zpracuj.php" METHOD="GET"> Napiš svoje jméno:<br> <INPUT TYPE="TEXT" NAME="jmeno" MAXLENGTH=20 SIZE=20 ><BR> Napiš příjmení:<br> <INPUT TYPE="TEXT" NAME="prijmeni" MAXLENGTH=50 SIZE=50 ><BR> Vyber třídu:<br> <INPUT TYPE="RADIO" NAME="trida" VALUE="prima" >Prima<BR> <INPUT TYPE="RADIO" NAME="trida" VALUE="sekunda" >Sekunda<BR> <INPUT TYPE="RADIO" NAME="trida" VALUE="tercie" >Tercie<BR> <INPUT TYPE="RADIO" NAME="trida" VALUE="kvarta" >Prima<BR>

9 Vyber kroužek<br> <INPUT TYPE="CHECKBOX" NAME="krouzek1" VALUE="programovani" >Programování<BR> <INPUT TYPE="CHECKBOX" NAME="krouzek2" VALUE="keramika" >Keramika<BR> <INPUT TYPE="CHECKBOX" NAME="krouzek3" VALUE="basketbal" >Basketbal<BR> <INPUT TYPE="CHECKBOX" NAME="krouzek4" VALUE="divadlo" >Divadlo<BR> Vyhovuje mi tato doba<br> <SELECT NAME="doba"> <OPTION VALUE="prvni">od 15 do 16 hodin <OPTION VALUE="druha">od 16 do 17 hodin <OPTION VALUE="treti">od 17 do 18 hodin </SELECT><BR><BR> Zvol si heslo<br> <INPUT TYPE="PASSWORD" NAME="heslo"> <INPUT TYPE="SUBMIT" VALUE="Odeslat"> <INPUT TYPE="RESET" VALUE="Vymaž"> </FORM>

Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML

Č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íce

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Zá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íce

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Zá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íce

Tvorba webových stránek

Tvorba 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íce

Tvorba 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. 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íce

Pondělí 5. září. Základy HTML. Obecná syntaxe HTML. Struktura HTML

Pondělí 5. září. Základy HTML. Obecná syntaxe HTML. Struktura HTML Pondělí 5. září 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

Více

Zá klady HTML. Tag HTML Párová značka, který definuje webovou stránku. Obsah stránky končí značkou

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány

Více

Tvorba webových stránek

Tvorba 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íce

Základy HTML. Autor: Palito

Zá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íce

TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz

TNPW1 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íce

13. Vytváření webových stránek

13. Vytváření webových stránek 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací

Více

HTML Hypertext Markup Language

HTML 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íce

Stránka se dá otevřít dvěma způsoby

Stránka se dá otevřít dvěma způsoby Co je potřeba Mozek, to zaprvé. Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (Poznámkový blok). Potřebujete webový prohlížeč. Hodí se připojení na internet. Kdo nemá

Více

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

HTML. 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íce

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014 Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat

Více

Internet 02 - Tvorba statických www stránek za pomoci HTML tagů

Internet 02 - Tvorba statických www stránek za pomoci HTML tagů Tagy Jak bylo uvedeno na předchozích stránkách, tag je vlastně značka, podle které se prohlížeč řídí. Tag určuje, jakým způsobem bude stránka upravena. Například - teď zarovnej text doprava, nyní zvětši

Více

22. Tvorba webových stránek

22. 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íce

Tvorba internetových stránek

Tvorba internetových stránek Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Středa 9:00-10:00h http://tvorba-is.wz.cz/ Samostatný úkol Zvolili jste si doménu a zjistili její cenu? Nalezli jste svůj freehosting?

Více

Tvorba fotogalerie v HTML str.1

Tvorba 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íce

Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku.

Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku. Tabulky Tabulky bývaly ve světě webdesignu mocným hráčem. V dobách, kdy podpora CSS v prohlížečích byla mrzká, se pomocí tabulek řešilo rozmístění jednotlivých prvků na stránce tzv. tabulkový layout, který

Více

Zá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 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íce

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se.

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se. Úvod do tvorby www stránek Tvorba www 3 Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. Odkaz (hyperlink)

Více

IE1 jazyk HTML a kaskádové styly

IE1 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íce

9. Tagy tvorba www stránky pomocí tagů

9. Tagy tvorba www stránky pomocí tagů 9. Tagy tvorba www stránky pomocí tagů Tagy Jak bylo uvedeno v předchozím odstavci, tag je vlastně značka, podle které se prohlížeč řídí. Tag určuje, jakým způsobem bude stránka upravena. Například - teď

Více

IE1 jazyk HTML a kaskádové styly

IE1 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íce

Zá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 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íce

12. Základy HTML a formuláře v HTML

12. 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

Formulář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í! 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íce

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World

Více

HTML. HTML- HyperTextMarkUpLanguage (nadtextový značkový jazyk) TAGY

HTML. HTML- HyperTextMarkUpLanguage (nadtextový značkový jazyk) TAGY HTML HTML- HyperTextMarkUpLanguage (nadtextový značkový jazyk) HTML dokument (súbor) - textový súbor - prípony (.html,.htm) - obsahuje značky tagy, ktoré v prehliadačoch zabezpečia správne zobrazenie obsahu

Více

Tvorba stránek v HTML ve Wordu

Tvorba stránek v HTML ve Wordu Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o

Více

Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML

Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML Název školy: Základní škola a Mateřská škola Žalany Číslo projektu: CZ. 1.07/1.4.00/21.3210 Téma sady: Informatika pro sedmý až osmý ročník Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML Vyučovací

Více

HTML - Úvod. Zpracoval: Petr Lasák

HTML - Ú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íce

Hlavička dokumentu. mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka</a> </h3> <p> <img alt="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" title="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" class="news-block-img pull-right" src="/thumbs/48/23934103.jpg"> 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka - definuje vztah k jiným </p> <a href="/23934103-Hlavicka-dokumentu-mezi-head-a-head-obsahuje-informace-vztazene-k-dokumentu-metadata-title-nazev-stranky-povinna-parova-znacka.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/597179-Podpora-elektronickych-forem-vyuky.html">PODPORA ELEKTRONICKÝCH FOREM VÝUKY</a> </h3> <p> <img alt="PODPORA ELEKTRONICKÝCH FOREM VÝUKY" title="PODPORA ELEKTRONICKÝCH FOREM VÝUKY" class="news-block-img pull-right" src="/thumbs/20/597179.jpg"> 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 </p> <a href="/597179-Podpora-elektronickych-forem-vyuky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2072147-Vyukovy-material-ka-c-4-spoluprace-se-zs.html">Výukový materiál KA č.4 Spolupráce se ZŠ</a> </h3> <p> <img alt="Výukový materiál KA č.4 Spolupráce se ZŠ" title="Výukový materiál KA č.4 Spolupráce se ZŠ" class="news-block-img pull-right" src="/thumbs/23/2072147.jpg"> Výukový materiál KA č.4 Spolupráce se ZŠ Modul: Téma workshopu: Výpočetní technika Co je to internet? Jak si udělat vlastní www stránku? Vypracovala: Ing. Lenka Hellová Termín workshopu: 30. říjen 2012 </p> <a href="/2072147-Vyukovy-material-ka-c-4-spoluprace-se-zs.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/356186-1-uvod-2-tvorba-internetovych-prezentaci-2-1-nastroje-pro-tvorbu-prezentace-stranka-1.html">1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1</a> </h3> <p> <img alt="1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1" title="1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1" class="news-block-img pull-right" src="/thumbs/19/356186.jpg"> 1 Úvod V tomto studijním textu se seznámíme s tvorbou webových stránek a prezentací a se základy syntaxe jazyka HTML. K tomu, abychom byli schopni vytvořit internetovou stránku, nemusíme používat žádný </p> <a href="/356186-1-uvod-2-tvorba-internetovych-prezentaci-2-1-nastroje-pro-tvorbu-prezentace-stranka-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37775171-Nswi096-internet-uvod-do-html.html">NSWI096 - INTERNET. Úvod do HTML</a> </h3> <p> <img alt="NSWI096 - INTERNET. Úvod do HTML" title="NSWI096 - INTERNET. Úvod do HTML" class="news-block-img pull-right" src="/thumbs/55/37775171.jpg"> NSWI096 - INTERNET Úvod do HTML XHTML CO TO JE? XML extensible Markup Language Sada pravidel, jak kódovat dokumenty Podle těchto pravidel lze vytvořit nekonečně mnoho různých jazyků HTML HyperText Markup </p> <a href="/37775171-Nswi096-internet-uvod-do-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11110769-Navrh-a-tvorba-www-stranek-1-8-formulare.html">Návrh a tvorba WWW stránek 1/8. Formuláře</a> </h3> <p> <img alt="Návrh a tvorba WWW stránek 1/8. Formuláře" title="Návrh a tvorba WWW stránek 1/8. Formuláře" class="news-block-img pull-right" src="/thumbs/27/11110769.jpg"> 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 </p> <a href="/11110769-Navrh-a-tvorba-www-stranek-1-8-formulare.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3816700-Jemny-uvod-do-html-co-je-html-znacka-web-nezna-text-formatovany-mezerami-a-konci-radku-ale-ja-potrebuji-psat-vice-mezer-a-urcovat-zalomeni-radku.html">Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!</a> </h3> <p> <img alt="Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!" title="Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!" class="news-block-img pull-right" src="/thumbs/24/3816700.jpg"> Jemný úvod do HTML Redakční systém školního webu umožňuje formátovat text HTML značkami, tedy stejným způsobem, jakým se formátují webové stránky. Tento návod si dává za úkol seznámení se základními formátovacími </p> <a href="/3816700-Jemny-uvod-do-html-co-je-html-znacka-web-nezna-text-formatovany-mezerami-a-konci-radku-ale-ja-potrebuji-psat-vice-mezer-a-urcovat-zalomeni-radku.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28133790-Link-definuje-vztah-k-jinym-xhtml-dokumentum-typicky.html"><link> - definuje vztah k jiným XHTML dokumentům, typicky</a> </h3> <p> <img alt="<link> - definuje vztah k jiným XHTML dokumentům, typicky" title="<link> - definuje vztah k jiným XHTML dokumentům, typicky" class="news-block-img pull-right" src="/thumbs/51/28133790.jpg"> Návrh a tvorba WWW stránek 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka </p> <a href="/28133790-Link-definuje-vztah-k-jinym-xhtml-dokumentum-typicky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2591333-Webove-stranky-2-uvod-do-jazyka-html-datum-vytvoreni-11-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr-cz.html">Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz</a> </h3> <p> <img alt="Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz" title="Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz" class="news-block-img pull-right" src="/thumbs/24/2591333.jpg"> Webové stránky 2. Úvod do jazyka HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická </p> <a href="/2591333-Webove-stranky-2-uvod-do-jazyka-html-datum-vytvoreni-11-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3871753-Co-je-html-1-parovy-tag-ma-zacatek-a-konec-2-neparovy-tag-nema-ukoncovaci-znacku.html">Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:</a> </h3> <p> <img alt="Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:" title="Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:" class="news-block-img pull-right" src="/thumbs/24/3871753.jpg"> Co je HTML HTML HyperText Markup Language je značkovací jazyk pro tvorbu www stránek. Jako například Český jazyk má svá slova, tak i HTML obsahuje slova, neboli tagy (značky), které dávají vlastnímu obsahu </p> <a href="/3871753-Co-je-html-1-parovy-tag-ma-zacatek-a-konec-2-neparovy-tag-nema-ukoncovaci-znacku.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561859-Mgr-stepan-stepanov-2013.html">Mgr. Stěpan Stěpanov, 2013</a> </h3> <p> <img alt="Mgr. Stěpan Stěpanov, 2013" title="Mgr. Stěpan Stěpanov, 2013" class="news-block-img pull-right" src="/thumbs/20/561859.jpg"> Mgr. Stěpan Stěpanov, 2013 Abstrakt V tomto kurzu se seznámíme se základními pojmy HTML, klíčovými pravidly pro práci se značkami a atributy a strukturou dokumentu. Také se dozvíte, jak a v čem lze vytvářet </p> <a href="/561859-Mgr-stepan-stepanov-2013.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/24778289-X-html-tagy-vos-a-sst-ceska-trebova.html">(X)HTML-TAGY. VOŠ a SŠT Česká Třebová</a> </h3> <p> <img alt="(X)HTML-TAGY. VOŠ a SŠT Česká Třebová" title="(X)HTML-TAGY. VOŠ a SŠT Česká Třebová" class="news-block-img pull-right" src="/thumbs/48/24778289.jpg"> (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 </p> <a href="/24778289-X-html-tagy-vos-a-sst-ceska-trebova.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3163670-Bloky-tag-vyznam-parovy-p-odstavec-nepovinne-br-radkovy-zlom-ne-div-oddil-ano-center-vycentrovani-ano-h1-nadpis-1.html">Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.</a> </h3> <p> <img alt="Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1." title="Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1." class="news-block-img pull-right" src="/thumbs/24/3163670.jpg"> 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 </p> <a href="/3163670-Bloky-tag-vyznam-parovy-p-odstavec-nepovinne-br-radkovy-zlom-ne-div-oddil-ano-center-vycentrovani-ano-h1-nadpis-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/45406023-Tvorba-www-stranek-mgr-petr-jakubec-katedra-fyzikalni-chemie-univerzita-palackeho-v-olomouci-tr-17-listopadu.html">Tvorba WWW stránek. Mgr. Petr Jakubec. Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu</a> </h3> <p> <img alt="Tvorba WWW stránek. Mgr. Petr Jakubec. Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu" title="Tvorba WWW stránek. Mgr. Petr Jakubec. Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu" class="news-block-img pull-right" src="/thumbs/61/45406023.jpg"> Tvorba WWW stránek (čtvrtá hodina) Mgr. Petr Jakubec Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu 12 Čtvrtá hodina 1 / 12 1 Tvorba statických WWW stránek za využití prostředků </p> <a href="/45406023-Tvorba-www-stranek-mgr-petr-jakubec-katedra-fyzikalni-chemie-univerzita-palackeho-v-olomouci-tr-17-listopadu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8550108-Atribut-vyznam-hodnoty.html">Atribut Význam Hodnoty</a> </h3> <p> <img alt="Atribut Význam Hodnoty" title="Atribut Význam Hodnoty" class="news-block-img pull-right" src="/thumbs/26/8550108.jpg"> Formuláře Tag Význam Párový Výskyt form formulář ano input vstupní pole ne select výběrové pole ano option volba ne textarea velké vstupní pole ano label popis pole ano </p> <a href="/8550108-Atribut-vyznam-hodnoty.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43788412-Tabulky-prehled-tagu-z-oblasti-tabulek-tag-vyznam-parovy-vyskyt-tr-radek-tabulky-nepovinne-table-tbody-thead-tfoot.html">Tabulky. Přehled tagů z oblasti tabulek. Tag Význam Párový Výskyt. tr řádek tabulky nepovinně <table>, <tbody>, <thead>, <tfoot></a> </h3> <p> <img alt="Tabulky. Přehled tagů z oblasti tabulek. Tag Význam Párový Výskyt. tr řádek tabulky nepovinně <table>, <tbody>, <thead>, <tfoot>" title="Tabulky. Přehled tagů z oblasti tabulek. Tag Význam Párový Výskyt. tr řádek tabulky nepovinně <table>, <tbody>, <thead>, <tfoot>" class="news-block-img pull-right" src="/thumbs/59/43788412.jpg"> 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 </p> <a href="/43788412-Tabulky-prehled-tagu-z-oblasti-tabulek-tag-vyznam-parovy-vyskyt-tr-radek-tabulky-nepovinne-table-tbody-thead-tfoot.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357113-Jdeme-tvorit-webove-stranky.html">Jdeme tvořit webové stránky!</a> </h3> <p> <img alt="Jdeme tvořit webové stránky!" title="Jdeme tvořit webové stránky!" class="news-block-img pull-right" src="/thumbs/24/4357113.jpg"> Jdeme tvořit webové stránky! Díky prezentaci jsme se již dozvěděli, že na tvorbu základních webových stránek v podstatě nepotřebujeme žádné speciální programy a stačí nám obyčejný poznámkový blok, který </p> <a href="/4357113-Jdeme-tvorit-webove-stranky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357174-Internetove-technologie-cviceni-c-5.html">Internetové technologie, cvičení č. 5</a> </h3> <p> <img alt="Internetové technologie, cvičení č. 5" title="Internetové technologie, cvičení č. 5" class="news-block-img pull-right" src="/thumbs/24/4357174.jpg"> Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a </p> <a href="/4357174-Internetove-technologie-cviceni-c-5.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10794972-Tvorba-webu-zakladni-html-tagy-martin-urza.html">Tvorba webu. Základní HTML tagy. Martin Urza</a> </h3> <p> <img alt="Tvorba webu. Základní HTML tagy. Martin Urza" title="Tvorba webu. Základní HTML tagy. Martin Urza" class="news-block-img pull-right" src="/thumbs/27/10794972.jpg"> Tvorba webu Základní HTML tagy Martin Urza Cvičení V průběhu přednášky budou postupně probírány jednotlivé základní elementy jazyka HTML a jejich atributy. Nemá smysl tyto věci probírat jen teoreticky </p> <a href="/10794972-Tvorba-webu-zakladni-html-tagy-martin-urza.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/988102-K-praci-budeme-vyuzivat-souboroveho-manazeru-unreal-commander-alespon-si-ho-procvicime.html">K práci budeme využívat souborového manažeru Unreal Commander alespoň si ho procvičíme</a> </h3> <p> <img alt="K práci budeme využívat souborového manažeru Unreal Commander alespoň si ho procvičíme" title="K práci budeme využívat souborového manažeru Unreal Commander alespoň si ho procvičíme" class="news-block-img pull-right" src="/thumbs/20/988102.jpg"> PHP je programovací jazyk, který pracuje na straně serveru. S PHP můžete ukládat a měnit data webových stránek. PHP původně znamená Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami </p> <a href="/988102-K-praci-budeme-vyuzivat-souboroveho-manazeru-unreal-commander-alespon-si-ho-procvicime.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3163166-Inovace-vyuky-prostrednictvim-sablon-pro-ss.html">Inovace výuky prostřednictvím šablon pro SŠ</a> </h3> <p> <img alt="Inovace výuky prostřednictvím šablon pro SŠ" title="Inovace výuky prostřednictvím šablon pro SŠ" class="news-block-img pull-right" src="/thumbs/24/3163166.jpg"> Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748 </p> <a href="/3163166-Inovace-vyuky-prostrednictvim-sablon-pro-ss.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4670954-Kaskadove-styly-zaklady-grafiky.html">Kaskádové styly základy grafiky</a> </h3> <p> <img alt="Kaskádové styly základy grafiky" title="Kaskádové styly základy grafiky" class="news-block-img pull-right" src="/thumbs/25/4670954.jpg"> 1 Kaskádové styly základy grafiky Vymezení pojmů Historie Základy stylů 2 Co je to CSS? Vznik CSS a je možné zařadit přibližně do roku 1997. Pojem CSS by se dal shrnout definicí :"souhrn pravidel a metod </p> <a href="/4670954-Kaskadove-styly-zaklady-grafiky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1292332-Nova-struktura-souboru-a-slozek.html">Nová struktura souborů a složek</a> </h3> <p> <img alt="Nová struktura souborů a složek" title="Nová struktura souborů a složek" class="news-block-img pull-right" src="/thumbs/22/1292332.jpg"> 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 </p> <a href="/1292332-Nova-struktura-souboru-a-slozek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1367354-Prehled-zakladnich-html-tagu.html">Přehled základních html tagů</a> </h3> <p> <img alt="Přehled základních html tagů" title="Přehled základních html tagů" class="news-block-img pull-right" src="/thumbs/22/1367354.jpg"> Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol... </p> <a href="/1367354-Prehled-zakladnich-html-tagu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43422672-Html-pokracovani-co-uz-vime.html">HTML - pokračování. Co už víme?</a> </h3> <p> <img alt="HTML - pokračování. Co už víme?" title="HTML - pokračování. Co už víme?" class="news-block-img pull-right" src="/thumbs/59/43422672.jpg"> HTML - pokračování Co už víme? HTML slouží ke strukturovanému zápisu informací HTML dokument je jako skládačka Je to text uvozený značkou Základní části jsou HEAD a BODY Nadpisy pomocí </p> <a href="/43422672-Html-pokracovani-co-uz-vime.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/739515-Zaklady-html-2-prednaska.html">Základy HTML (2. přednáška)</a> </h3> <p> <img alt="Základy HTML (2. přednáška)" title="Základy HTML (2. přednáška)" class="news-block-img pull-right" src="/thumbs/18/739515.jpg"> Základy HTML (2. přednáška) WWW World Wide Web Sestává ze tří stavebních bloků Síť informačních zdrojů Universal Resource Identifier jednotný způsob jak adresovat zdroje, (URL) protokoly pro přístup ke </p> <a href="/739515-Zaklady-html-2-prednaska.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595456-Dokument-ve-formatu-webove-stranky-vytvoreny-pomoci-xhtml-a-css.html">Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS</a> </h3> <p> <img alt="Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS" title="Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS" class="news-block-img pull-right" src="/thumbs/20/595456.jpg"> Výstupový indikátor 06.43.19 Motivační název: Autor: Vzdělávací oblast: Vzdělávací obory: Ročník: Časový rozsah: Pomůcky: Projekt Integrovaný vzdělávací systém města Jáchymov - Mosty Tvorba webu I Petr </p> <a href="/595456-Dokument-ve-formatu-webove-stranky-vytvoreny-pomoci-xhtml-a-css.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2590976-9-editory-www-stranek-ii-tvorba-pomoci-tagu-a-dalsi-technologie.html">9. Editory www stránek II tvorba pomocí tagů a další technologie.</a> </h3> <p> <img alt="9. Editory www stránek II tvorba pomocí tagů a další technologie." title="9. Editory www stránek II tvorba pomocí tagů a další technologie." class="news-block-img pull-right" src="/thumbs/24/2590976.jpg"> 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 </p> <a href="/2590976-9-editory-www-stranek-ii-tvorba-pomoci-tagu-a-dalsi-technologie.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9344767-Www-a-html-zakladni-pojmy-ivo-peterka.html">WWW a HTML. Základní pojmy. Ivo Peterka</a> </h3> <p> <img alt="WWW a HTML. Základní pojmy. Ivo Peterka" title="WWW a HTML. Základní pojmy. Ivo Peterka" class="news-block-img pull-right" src="/thumbs/26/9344767.jpg"> WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní </p> <a href="/9344767-Www-a-html-zakladni-pojmy-ivo-peterka.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/490942-Tvorba-webovych-stranek.html">TVORBA WEBOVÝCH STRÁNEK</a> </h3> <p> <img alt="TVORBA WEBOVÝCH STRÁNEK" title="TVORBA WEBOVÝCH STRÁNEK" class="news-block-img pull-right" src="/thumbs/20/490942.jpg"> 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í </p> <a href="/490942-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3908200-Zaklady-programovaciho-jazyka-html-autor-ing-jan-nozicka-sos-a-sou-ceska-lipa-vy_32_inovace_1133_zaklady-programovaciho-jazyka-html_pwp.html">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</a> </h3> <p> <img alt="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" title="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" class="news-block-img pull-right" src="/thumbs/24/3908200.jpg"> 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é </p> <a href="/3908200-Zaklady-programovaciho-jazyka-html-autor-ing-jan-nozicka-sos-a-sou-ceska-lipa-vy_32_inovace_1133_zaklady-programovaciho-jazyka-html_pwp.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5652545-Vyukovy-material-vytvoren-v-ramci-projektu-eu-penize-skolam-inovace-vyuky-registracni-cislo-cz-1-07-1-5-00-34-0585.html">Výukový materiál vytvořen v rámci projektu EU peníze školám. "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585</a> </h3> <p> <img alt="Výukový materiál vytvořen v rámci projektu EU peníze školám. Inovace výuky registrační číslo CZ.1.07/1.5.00/34.0585" title="Výukový materiál vytvořen v rámci projektu EU peníze školám. Inovace výuky registrační číslo CZ.1.07/1.5.00/34.0585" class="news-block-img pull-right" src="/thumbs/25/5652545.jpg"> Výukový materiál vytvořen v rámci projektu EU peníze školám "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585 Škola: Adresa: Autor: Gymnázium, Jablonec nad Nisou, U Balvanu 16, příspěvková organizace </p> <a href="/5652545-Vyukovy-material-vytvoren-v-ramci-projektu-eu-penize-skolam-inovace-vyuky-registracni-cislo-cz-1-07-1-5-00-34-0585.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/23921591-Tvorba-webovych-stranek.html">Tvorba webových stránek</a> </h3> <p> <img alt="Tvorba webových stránek" title="Tvorba webových stránek" class="news-block-img pull-right" src="/thumbs/48/23921591.jpg"> Tvorba webových stránek Seznamy Seznam je skupina odstavců označených odrážkou. Seznam je: číslovaný je označen pořadovým číslem nebo písmenem, nečíslovaný je označen značkou (odrážkou) Seznam Celý blok </p> <a href="/23921591-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1765717-Vyvoj-internetovych-aplikaci.html">Vývoj Internetových Aplikací</a> </h3> <p> <img alt="Vývoj Internetových Aplikací" title="Vývoj Internetových Aplikací" class="news-block-img pull-right" src="/thumbs/23/1765717.jpg"> 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info </p> <a href="/1765717-Vyvoj-internetovych-aplikaci.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35640291-Nswi096-internet-css-kaskadove-styly-mgr-petr-lasak.html">NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák</a> </h3> <p> <img alt="NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák" title="NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák" class="news-block-img pull-right" src="/thumbs/55/35640291.jpg"> NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE </p> <a href="/35640291-Nswi096-internet-css-kaskadove-styly-mgr-petr-lasak.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/27996076-Vy_32_inovace_in-6-7-10-tvorba-tabulky.html">VY_32_INOVACE_In 6.,7.10. Tvorba tabulky</a> </h3> <p> <img alt="VY_32_INOVACE_In 6.,7.10. Tvorba tabulky" title="VY_32_INOVACE_In 6.,7.10. Tvorba tabulky" class="news-block-img pull-right" src="/thumbs/51/27996076.jpg"> Tvorba tabulky VY_32_INOVACE_In 6.,7.10 Anotace: Žák se seznámí se základními pravidly tvorby tabulky a používá je při jejich tvorbě. Po seznámení s tvorbou tabulek z prezentace, dále procvičuje prakticky </p> <a href="/27996076-Vy_32_inovace_in-6-7-10-tvorba-tabulky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8411620-1-wap-jazyk-wml-webserver-nastaveni-mime-co-na-tvorbu-a-prohlizeni-wapu-pot-ebujete-waptor-nokia-mobile-internet-toolkit.html">1. WAP Jazyk WML Webserver Nastavení MIME: Co na tvorbu a prohlížení WAPu pot ebujete? Waptor Nokia Mobile Internet Toolkit</a> </h3> <p> <img alt="1. WAP Jazyk WML Webserver Nastavení MIME: Co na tvorbu a prohlížení WAPu pot ebujete? Waptor Nokia Mobile Internet Toolkit" title="1. WAP Jazyk WML Webserver Nastavení MIME: Co na tvorbu a prohlížení WAPu pot ebujete? Waptor Nokia Mobile Internet Toolkit" class="news-block-img pull-right" src="/thumbs/26/8411620.jpg"> 1. WAP WAP - Wireless Application Protocol je standardem pro bezdrátový přenos dat a jejich zobrazování na displeji mobilních telefonů. Tím z nich vytváří komunikační zařízení schopná komunikovat s jinými </p> <a href="/8411620-1-wap-jazyk-wml-webserver-nastaveni-mime-co-na-tvorbu-a-prohlizeni-wapu-pot-ebujete-waptor-nokia-mobile-internet-toolkit.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28506895-Moderni-web-snadno-a-rychle.html">MODERNÍ WEB SNADNO A RYCHLE</a> </h3> <p> <img alt="MODERNÍ WEB SNADNO A RYCHLE" title="MODERNÍ WEB SNADNO A RYCHLE" class="news-block-img pull-right" src="/thumbs/51/28506895.jpg"> SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ </p> <a href="/28506895-Moderni-web-snadno-a-rychle.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3163205-Html-v-praxi-hypertext-markup-language-v-praxi-autor-petr-kriz.html">HTML V PRAXI HYPERTEXT MARKUP LANGUAGE V PRAXI. Autor: Petr Kříž</a> </h3> <p> <img alt="HTML V PRAXI HYPERTEXT MARKUP LANGUAGE V PRAXI. Autor: Petr Kříž" title="HTML V PRAXI HYPERTEXT MARKUP LANGUAGE V PRAXI. Autor: Petr Kříž" class="news-block-img pull-right" src="/thumbs/24/3163205.jpg"> HTML V PRAXI HYPERTEXT MARKUP LANGUAGE V PRAXI Autor: Petr Kříž 1.kapitola - Úvod Když někdo řekne internetová stránka, téměř každému se vybaví prezentace firmy, osobní stránka aj. možnosti, které zaručují </p> <a href="/3163205-Html-v-praxi-hypertext-markup-language-v-praxi-autor-petr-kriz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561054-Jazyk-html-sos-otrokovice-tr-t-bati-1266-otrokovice-765-02-pomocny-text-pro-vyuku-vypocetni-techniky-paeddr-pavel-kovar.html">Jazyk HTML SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02. Pomocný text pro výuku výpočetní techniky. PaedDr. Pavel Kovář</a> </h3> <p> <img alt="Jazyk HTML SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02. Pomocný text pro výuku výpočetní techniky. PaedDr. Pavel Kovář" title="Jazyk HTML SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02. Pomocný text pro výuku výpočetní techniky. PaedDr. Pavel Kovář" class="news-block-img pull-right" src="/thumbs/20/561054.jpg"> SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02 Jazyk HTML Pomocný text pro výuku výpočetní techniky PaedDr. Pavel Kovář 2009 S O Š O T R O K O V I C E A. Základní struktura HTML dokumentu Zkratkou </p> <a href="/561054-Jazyk-html-sos-otrokovice-tr-t-bati-1266-otrokovice-765-02-pomocny-text-pro-vyuku-vypocetni-techniky-paeddr-pavel-kovar.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3199528-Tvorba-internetovych-stranek-jazyk-html.html">Tvorba internetových stránek. Jazyk HTML</a> </h3> <p> <img alt="Tvorba internetových stránek. Jazyk HTML" title="Tvorba internetových stránek. Jazyk HTML" class="news-block-img pull-right" src="/thumbs/24/3199528.jpg"> Tvorba internetových stránek Jazyk HTML Stránky www nejpoužívanější služba internetu: WWW World wide web služba poskytuje (zpřístupňuje) hypertextové dokumenty (= internetové stránky) dokumenty jsou přenášeny </p> <a href="/3199528-Tvorba-internetovych-stranek-jazyk-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/490550-Tvorby-jednoduchych-web-stranek.html">TVORBY JEDNODUCHÝCH WEB STRÁNEK</a> </h3> <p> <img alt="TVORBY JEDNODUCHÝCH WEB STRÁNEK" title="TVORBY JEDNODUCHÝCH WEB STRÁNEK" class="news-block-img pull-right" src="/thumbs/20/490550.jpg"> ZÁKLADY HTML TVORBY JEDNODUCHÝCH WEB STRÁNEK Základní struktura kurzu: Orientace v prostředí HTML a editoru kancelářského balíku OpenOffice.org verze 2.0 a vyšší Tvroba struktury HTML dokumentu Základní </p> <a href="/490550-Tvorby-jednoduchych-web-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/18002456-Obsah-strucna-historie-world-wide-webu-7.html">Obsah. Stručná historie World Wide Webu 7</a> </h3> <p> <img alt="Obsah. Stručná historie World Wide Webu 7" title="Obsah. Stručná historie World Wide Webu 7" class="news-block-img pull-right" src="/thumbs/38/18002456.jpg"> 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 </p> <a href="/18002456-Obsah-strucna-historie-world-wide-webu-7.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/24082262-Inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-tvorba-webovych-stranek-ing-zelinka-pavel-cislo-vy_32_inovace_35-17-anotace.html">Inovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek. Ing. Zelinka Pavel Číslo: VY_32_INOVACE_35 17 Anotace:</a> </h3> <p> <img alt="Inovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek. Ing. Zelinka Pavel Číslo: VY_32_INOVACE_35 17 Anotace:" title="Inovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek. Ing. Zelinka Pavel Číslo: VY_32_INOVACE_35 17 Anotace:" class="news-block-img pull-right" src="/thumbs/48/24082262.jpg"> 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. </p> <a href="/24082262-Inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-tvorba-webovych-stranek-ing-zelinka-pavel-cislo-vy_32_inovace_35-17-anotace.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7168692-V-laboratorich-cern-ve-svycarsku-byl-zahajen-projekt-www-t-barners-lee-prichazi-s-projektem-distribuovaneho-hypertextoveho-systemu.html">v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému)</a> </h3> <p> <img alt="v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému)" title="v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému)" class="news-block-img pull-right" src="/thumbs/26/7168692.jpg"> Historie HTML 1989 v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému) 1991 zveřejnění neformální specifikace jazyka HTML </p> <a href="/7168692-V-laboratorich-cern-ve-svycarsku-byl-zahajen-projekt-www-t-barners-lee-prichazi-s-projektem-distribuovaneho-hypertextoveho-systemu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3002564-Php-ctvrtek-8-zari-ctvrtek-15-zari-anonymni-test-znalosti.html">PHP. Čtvrtek 8. září. Čtvrtek 15. září. Anonymní test znalostí</a> </h3> <p> <img alt="PHP. Čtvrtek 8. září. Čtvrtek 15. září. Anonymní test znalostí" title="PHP. Čtvrtek 8. září. Čtvrtek 15. září. Anonymní test znalostí" class="news-block-img pull-right" src="/thumbs/24/3002564.jpg"> Čtvrtek 8. září Anonymní test znalostí Čtvrtek 15. září PHP je programovací jazyk, který pracuje na straně serveru. S PHP můžete ukládat a měnit data webových stránek. PHP původně znamená Personal Home </p> <a href="/3002564-Php-ctvrtek-8-zari-ctvrtek-15-zari-anonymni-test-znalosti.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/18897052-Obrazky-tag-vyznam-parovy-vyskyt-img-obrazek-ne-img-video-ne-map-klikaci-mapa-area-oblast-v-klikaci-mape-ne.html">Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne</a> </h3> <p> <img alt="Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne" title="Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne" class="news-block-img pull-right" src="/thumbs/39/18897052.jpg"> 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 </p> <a href="/18897052-Obrazky-tag-vyznam-parovy-vyskyt-img-obrazek-ne-img-video-ne-map-klikaci-mapa-area-oblast-v-klikaci-mape-ne.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33493656-Fiktivni-firma-zaci-ziskaji-zakladni-informace-o-priprave-a-tvorbe-webovych-stranek-na-konci-prezentace-je-ukol-se-kterym-zaci-samostatne-pracuji.html">Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují.</a> </h3> <p> <img alt="Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují." title="Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují." class="news-block-img pull-right" src="/thumbs/54/33493656.jpg"> Název a registrační číslo projektu: CZ.1.07/1.5.00/34.0498 Číslo a název oblasti podpory: 1.5 Zlepšení podmínek pro vzdělávání na středních školách Realizace projektu: 02. 07. 2012 01. 07. 2014 Autor: </p> <a href="/33493656-Fiktivni-firma-zaci-ziskaji-zakladni-informace-o-priprave-a-tvorbe-webovych-stranek-na-konci-prezentace-je-ukol-se-kterym-zaci-samostatne-pracuji.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11860876-Tnpw1-cviceni-2-6-10-2015-aneta-bartuskova-uhk-cz.html">TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz</a> </h3> <p> <img alt="TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz" title="TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz" class="news-block-img pull-right" src="/thumbs/27/11860876.jpg"> 6.10.2015 aneta.bartuskova@uhk.cz TNPW1 Cvičení 1 Technologie pro tvorbu webu HTML, HTML5 značkovací jazyk struktura, obsah, odkazy - hypertext CSS, CSS3 kaskádové styly vzhled (rozvržení, formátování, </p> <a href="/11860876-Tnpw1-cviceni-2-6-10-2015-aneta-bartuskova-uhk-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/739380-Zaklady-html-url-http-druhy-skriptovani-formulare.html">Základy HTML, URL, HTTP, druhy skriptování, formuláře</a> </h3> <p> <img alt="Základy HTML, URL, HTTP, druhy skriptování, formuláře" title="Základy HTML, URL, HTTP, druhy skriptování, formuláře" class="news-block-img pull-right" src="/thumbs/18/739380.jpg"> 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 </p> <a href="/739380-Zaklady-html-url-http-druhy-skriptovani-formulare.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/357285-Mgr-vlastislav-kucera-prednaska-c-2.html">Mgr. Vlastislav Kučera přednáška č. 2</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera přednáška č. 2" title="Mgr. Vlastislav Kučera přednáška č. 2" class="news-block-img pull-right" src="/thumbs/19/357285.jpg"> Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS </p> <a href="/357285-Mgr-vlastislav-kucera-prednaska-c-2.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4424001-Mgr-vlastislav-kucera-lekce-c-2.html">Mgr. Vlastislav Kučera lekce č. 2</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera lekce č. 2" title="Mgr. Vlastislav Kučera lekce č. 2" class="news-block-img pull-right" src="/thumbs/24/4424001.jpg"> Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se </p> <a href="/4424001-Mgr-vlastislav-kucera-lekce-c-2.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/562507-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.html">Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN</a> </h3> <p> <img alt="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" title="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" class="news-block-img pull-right" src="/thumbs/20/562507.jpg"> Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940 </p> <a href="/562507-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12878532-Word-textovy-editor-tlacitko-office-zakladni-prikazy-pro-praci-se-souborem-karta-domu-schranka-pismo-vyjmout-vlozit-kopirovat.html">Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat.</a> </h3> <p> <img alt="Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat." title="Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat." class="news-block-img pull-right" src="/thumbs/28/12878532.jpg"> Word textový editor Tlačítko Office základní příkazy pro práci se souborem Karta Domů schránka vyjmout vložit kopírovat kopírovat formát písmo velikost písma volba písma barva písma tučné podtržené zvýraznění </p> <a href="/12878532-Word-textovy-editor-tlacitko-office-zakladni-prikazy-pro-praci-se-souborem-karta-domu-schranka-pismo-vyjmout-vlozit-kopirovat.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3199579-Mgr-vlastislav-kucera-prednaska-c-1.html">Mgr. Vlastislav Kučera přednáška č. 1</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera přednáška č. 1" title="Mgr. Vlastislav Kučera přednáška č. 1" class="news-block-img pull-right" src="/thumbs/24/3199579.jpg"> Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a </p> <a href="/3199579-Mgr-vlastislav-kucera-prednaska-c-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2143263-Manual-pro-interni-potrebu-zakladni-skoly-uhlirske-janovice.html">Manuál pro interní potřebu Základní školy Uhlířské Janovice</a> </h3> <p> <img alt="Manuál pro interní potřebu Základní školy Uhlířské Janovice" title="Manuál pro interní potřebu Základní školy Uhlířské Janovice" class="news-block-img pull-right" src="/thumbs/24/2143263.jpg"> ZÁKLADNÍ ŠKOLA UHLÍŘSKÉ JANOVICE Manuál pro interní potřebu Základní školy Uhlířské Janovice Hana Blažková Uhlířské Janovice 2007 Úvod Začátkem roku 2007 zprovoznila naše škola nové webové stránky. Základem </p> <a href="/2143263-Manual-pro-interni-potrebu-zakladni-skoly-uhlirske-janovice.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8898103-Manual-k-editoru-tinymce.html">Manuál k editoru TinyMCE</a> </h3> <p> <img alt="Manuál k editoru TinyMCE" title="Manuál k editoru TinyMCE" class="news-block-img pull-right" src="/thumbs/26/8898103.jpg"> 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, </p> <a href="/8898103-Manual-k-editoru-tinymce.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28660531-Formulare-neomezeny-pocet-formularovych-poli-v-ramci-html-dokumentu-muze-byt-vice-formularu-nelze-je-ale-do-sebe-vnorovat.html">Formulář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</a> </h3> <p> <img alt="Formulář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" title="Formulář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" class="news-block-img pull-right" src="/thumbs/51/28660531.jpg"> 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 </p> <a href="/28660531-Formulare-neomezeny-pocet-formularovych-poli-v-ramci-html-dokumentu-muze-byt-vice-formularu-nelze-je-ale-do-sebe-vnorovat.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5652829-Inovace-bakalarskeho-studijniho-oboru-aplikovana-chemie-http-aplchem-upol-cz.html">Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz</a> </h3> <p> <img alt="Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz" title="Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz" class="news-block-img pull-right" src="/thumbs/25/5652829.jpg"> Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz CZ.1.07/2.2.00/15.0247 Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Internet </p> <a href="/5652829-Inovace-bakalarskeho-studijniho-oboru-aplikovana-chemie-http-aplchem-upol-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2484562-Programovani-webovych-stranek.html">Programování webových stránek</a> </h3> <p> <img alt="Programování webových stránek" title="Programování webových stránek" class="news-block-img pull-right" src="/thumbs/24/2484562.jpg"> Gymnázium J. K. Tyla Programování webových stránek Seminární práce z IVT Autor: Roman Lamberský Třída: 2.B Hradec Králové 2012 Prohlášení: Prohlašuji, že jsem tuto seminární práci vypracoval samostatně </p> <a href="/2484562-Programovani-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595525-Mgr-vlastislav-kucera-prednaska-c-1.html">Mgr. Vlastislav Kučera přednáška č. 1</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera přednáška č. 1" title="Mgr. Vlastislav Kučera přednáška č. 1" class="news-block-img pull-right" src="/thumbs/20/595525.jpg"> Mgr. Vlastislav Kučera přednáška č. 1 jazyk HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press, </p> <a href="/595525-Mgr-vlastislav-kucera-prednaska-c-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1398557-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.html">Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN</a> </h3> <p> <img alt="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" title="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" class="news-block-img pull-right" src="/thumbs/22/1398557.jpg"> Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940 </p> <a href="/1398557-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357125-Soubor-index-html-se-nachazi-na-stejne-urovni-jako-adresar-obrazky-mela-bych-pouzit-relativni-adresu-ze-hmm.html">Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm.</a> </h3> <p> <img alt="Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm." title="Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm." class="news-block-img pull-right" src="/thumbs/24/4357125.jpg"> KAPITOLA 2 Úskalí jazyka HTML Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm. Počkat každou změnu adresáře doprovázel znak /. portfolio/obrazky </p> <a href="/4357125-Soubor-index-html-se-nachazi-na-stejne-urovni-jako-adresar-obrazky-mela-bych-pouzit-relativni-adresu-ze-hmm.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46146125-Tvorba-www-v-jazyku-html.html">Tvorba www v jazyku HTML</a> </h3> <p> <img alt="Tvorba www v jazyku HTML" title="Tvorba www v jazyku HTML" class="news-block-img pull-right" src="/thumbs/61/46146125.jpg"> Stredná priemyselná škola strojnícka, Duklianska 1, Prešov Tvorba www v jazyku HTML Programovací jazyk na tvorbu webových stránok sa volá HTML Hyper Text Markup Language alebo XHTML Extensible HTML. Tento </p> <a href="/46146125-Tvorba-www-v-jazyku-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/358642-Nazev-vy_32_inovace_pg4120-literatura-online-zdroje-informaci-testy.html">Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy</a> </h3> <p> <img alt="Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy" title="Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy" class="news-block-img pull-right" src="/thumbs/19/358642.jpg"> Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Uvádí </p> <a href="/358642-Nazev-vy_32_inovace_pg4120-literatura-online-zdroje-informaci-testy.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595499-Tvorba-webovych-stranek.html">Tvorba webových stránek</a> </h3> <p> <img alt="Tvorba webových stránek" title="Tvorba webových stránek" class="news-block-img pull-right" src="/thumbs/20/595499.jpg"> 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 </p> <a href="/595499-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.cz <a href="/support/privacy-policy/">Ochrana osobních údajů</a> | <a href="/support/terms-of-service/">Podmínky obsluhování</a> | <a href="/support/feedback/">Kontaktní formulář</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/dedb/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":24,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=24&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>