Tvorba www stránek Ing. Miroslav Vachůn, Ph.D.. Struktura dokumentu TagVýznamPárovýVýskyt html začátek HTML dokumentuanona začátku souboru head hlavička.

Prezentace na téma: "Tvorba www stránek Ing. Miroslav Vachůn, Ph.D.. Struktura dokumentu TagVýznamPárovýVýskyt html začátek HTML dokumentuanona začátku souboru head hlavička."— Transkript prezentace:

1 Tvorba www stránek Ing. Miroslav Vachůn, Ph.D.

2 Struktura dokumentu TagVýznamPárovýVýskyt html začátek HTML dokumentuanona začátku souboru head hlavička stránkyanona začátku souboru body tělo stránky + definice pozadíanoza poznámkaanokdekoliv !doctype specifikace DTDneúplně na začátku souboru Má první stránka Moje první html stránka. A nějaké další texty.

3 Hlavička TagVýznamPárovýVýskyt title titulek stránkyano meta informace o dokumentune meta Informace o dokumentu. Nepárový tag vyskytující se v hlavičce. Slouží třeba k informaci o klíčových slovech nebo použitém kódování. Běžná internetová stránka má v hlavičce kolem čtyř různých tagů. V praxi je čtou a používají pouze programy (vyhledávače, parsery a editory).

4 Tag, atribut name name=Významcontent= keywords v minulosti klíčová slova pro vyhledávací stroje, dnes bezcené slovo, slovo, slovo description popis stránky, většinou pro vyhledávací stroje stručný popis obsahu stránky author informace o autorovi, většinou jménocokoliv generator identifikace programu, který stránku vytvořil řetězec vkládaný programem robots zakázání robotů indexovat nebo sledovat odkazy [index | noindex ], [ follow | nofolow] a další milión hodnot, které si přidává nějaký software nebo se hodí pro cosi záhadného

5 Atribut tagu VýznamHodnoty bgcolorbarva pozadíbarva backgroundobrázek pozatí URL obrázku textbarva popředí (textu)barva linkbarva nenavštívených odkazůbarva vlinkbarva navštívených odkazůbarva alinkbarva klikaných odkazů (a pod tabulátorem)barva bgpropertiesposouvání obrázkového pozadí scroll | fixed scrollrolování těla (raději neměňte) yes | no leftmarginlevý okrajpixely topmarginhorní okrajpixely rightmarginpravý okraj (ne v NN)pixely bottommarginspodní okraj (ne v NN)pixely marginwidthlevý a pravý (pouze NN)pixely marginheighthorní a spodní (pouze NN)pixely Atributy tagu Atributy tagu

6 Tagy fyzického formátování textu TagVýznamPárový b tučné písmoano i kurzívaano u podtržení textuano sub dolní indexano sup horní indexano small zmenšení textuano big zvětšení písmaano s přeškrtnutý textano strike přeškrtnutý textano font písmoano basefont základní fontne blink blikání písmaano nobr nezalamovat obsahano

7 Odkazy odkaz, hyperlink, záložka odkaz, hyperlink, záložka AtributVýznamHodnota hrefcíl odkazuURL namejméno záložkylibovolné jméno targetcílový rámjméno rámu reldruh odkazu několik vyjmenovaných hodnot pingměření proklikůsledovací adresa

8 Odkazy href href Příklad: Portál Seznam Příklad: Portál Seznam name name záložka záložka Příklad: Příklad: Text příkladu Po kliknutí na tento odkaz odroluje stránka na záložku příkladu. Text příkladu Po kliknutí na tento odkaz odroluje stránka na záložku příkladu.

9 Odkazy target target Cílové okno, iframe, nebo rám, ve kterém se obsah zobrazí Cílové okno, iframe, nebo rám, ve kterém se obsah zobrazí Jména virtuálních rámů Jména virtuálních rámů target=Kde se to otevře _blanknové okno nebo nový tab _topnejvyšší okno hierarchie rámů _parentnadřazený rám _selftentýž rám

10 Bloky TagVýznamPárový podstavecnepovinně brřádkový zlomne divoddílano centervycentrováníano h1nadpis 1. úrovněano h2nadpis 2 úrovněano h3nadpis 3. úrovněano h4nadpis 4. úrovněano h5nadpis 5. úrovněano h6nadpis 6. úrovněano blockquotecitace, odsazeníano addressadresaano prepředformátovaný textano hrvodorovná čárane

11 <p> Odstavec Odstavec align=význampoznámky leftzarovnání doleva výchozí hodnota, nemusí se nastavovat rightzarovnání doprava pravý okraj textu bude zarovnaný centerzarovnání na střed justifyzarovnání do bloku budou zarovnány oba okraje textu, poslední řádek bude zarovnán doleva velmi staré prohlížeče justify nepodporují, často vznikají nehezky velké mezislovní mezery

12 Nadpisy – – Tag Stupeň písma Výchozí velikost Využití h1624pxHlavní nadpis stránky h2518 -19px Podnadpisy, názvy kapitol h3416pxMezinadpisy h4313pxDůležitější odstavce h5210px Žádné rozumné použití h619px Nejde ani pořádně přečíst