Krátký úvodní kurz HTML Jenyk 2012
Obecně 1 - html V HTML jazyce nezáleží na rozložení a délce řádku, extrémem je napsat celý program v jednom řádku Až na některé vybrané příkazy jsou všechny příkazy párové např. ble ble ble ble Nezáleží na pořadí parametrů příkazu Jenyk, 2012
Obecně 2 - html Programovací jazyk HTML je primitivní, nejdou v něm vytvářet složitější stránky, upravovat rozložení a dynamiku stránek. Při zadávání výrazů a jejich ukončování je dobré dodržovat stejné pořadí. Např. ahoj. Původní verze HTML nerozlišuje mezi velkými a malými písmeny, příkaz, i je funkčně naprosto stejný. Jenyk, 2012
Obecně 3 – html5 a xhtml Nová verze jazyka html5 ale striktně používá při vytváření pouze malých písmen. Tedy. Nyní se také používá při vytváření WWW stránek i jazyk xhtml, který je daleko přísnější ve svých požadavcích na syntaxi. Navíc protože ale předpokládáme možnou provázanost s jazykem JavaScript, VBScript nebo PHP, které velikost písmen rozlišují a někdy vyžadují pro své příkazy malá písmena, je vhodné použít vždy raději malá písmena. U nepárových příkazů např. se v syntaxi zápisu jazyka html5 používá upravený zápis, který zároveň označuje začátek i konec nepárového příkazu Jenyk, 2012
Ukázka zápisu hlavičky souboru html (příkaz určující začátek HTML stránky) (začátek hlavičky, která obsahuje definice stránky) (nastavení českého prostředí, znaková sada) (název stránky, vyhledávač ho dovede zpracovat) (název stránky, vyhledávač ho dovede zpracovat) Jenyk, 2012
Formátování <body background=“vobrazy.jpg” nebo bgcolor=“red” text=„barva textu“ link=„barva odkazu“ vlink=„barva navštíveného odkazu alink=„barva vybraných odkazů“> další řádek nebo odstavec středění blok textu Jenyk, 2012
Písmo tučně size = velikost 1 -7 kurziva podtrženě přeškrtnout nadpis Jenyk, 2012
Hypertextové odkazy otevře jiné www okno otevře jiné www okno _self = ve stejném, _top = maximalizované, _blank = úplně nové, _parent = v nadřazeném odkaz do pošty odkaz do pošty Jenyk, 2012
Vložení obrázku border = rámeček width = šířka height = výška src = umístění title = popis Jenyk, 2012
Tabulky 1 border = rámeček cellSpacing = mezera mezi buňkami cellPadding = mezera uvnitř buňky bordercolor = barva rámečku Width = šířka tabulky v % nebo v pixelech Jenyk, 2012
Tabulky 2 Řádek tabulky : height = výška align = left, center, right bordercolor = bgcolor = background = valign = top, middle, bottom nowrap Jenyk, 2012
Tabulky 3 buňka na řádku width = šíře v % nebo pixelech platí i ostatní parametry jako u tr Jenyk, 2012
Seznam začátek seznamu položka seznamu Jenyk, 2012
Vložení obrázku src = adresa umístění alt = popis obrázku (žlutá nálepka) width = šíře výška = výška Není párový příkaz ! Jenyk, 2012
Vložení videa img dynsrc="image\287_hugonis.jpg" start="mouseover" nebo „fileopen“ loop="2" kolikrát controls také tlačítko Ostatní parametry jako u obrázku. Nepárové. Jenyk, 2012
Vložení zvuku bgsound src="image\paper020.wav" loop="infinite„ = počet opakování loop = číslo nebo stále Jenyk, 2012
Další mediální prvky - vložení vodorovné čáry - size = tloušťka, width = šíře - nepárová značka Jenyk, 2012
Další mediální prvky ahoj růžo - způsob vložení pohybujícího se textu Jenyk, 2012
Kaskádové styly 1 Umožňují předdefinovat vlastnosti písma, stránek a pod. <! - - h2 {font-family: verdana; font-size: 16pt; color: blue;} p {font-family: arial; font-size: 10pt; color: black;} -- > Jenyk, 2012
Kaskádové styly 2 Pokud definici stylu uložíte v sekci, platí vlastnosti pro celý dokument. Pokud vytvářím nový styl, název začíná tečkou, např..cerveny {font-size: 12pt color=red}</style> Jenyk, 2012
Další zdroje informací Programování stránek – Jak psát web Obsahuje syntaxi HTML, HTML5, XHTML, HTML4, CSS HTML pro začátečníky – zacatecniky.wz.cz/page.php?page_no=0 zacatecniky.wz.cz/page.php?page_no=0http:// zacatecniky.wz.cz/page.php?page_no=0 Kurz HTML, triky Jenyk, 2012