1 / 12

Jazyk HTML

Jazyk HTML. Charakteristika 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 je jazyk a má svou přesnou syntaxi.

allegra-obrien
Download Presentation

Jazyk HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Jazyk HTML

  2. Charakteristika 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 je jazyk a má svou přesnou syntaxi.

  3. Tagy a odkazy • Tag (český výraz není používaný, nejblíže je zřejmě slovo značka) je chráněné slovo jazyka HTML, uzavřené do špičatých závorek. Všechny příkazy jazyka HTML jsou tagy – vše, co je mimo špičaté závorky, je vlastní obsah stránky. • Rozdělení: • Párové tagy – uzavírají mezi sebe obsah a přiřazují mu tak danou hodnotu. • Nepárové tagy – umísťují do stránky jediný prvek.

  4. Párové tagy • uzavírají mezi sebe obsah a přiřazují mu tak danou hodnotu. Tag na levé a pravé straně výrazu je stejný, ovšem uzavírající tag má navíc za závorkou lomítko. Příkladem párového tagu je tag <title>, který v sobě uzavírá název www stránky: <title>Název stránky</title>

  5. Nepárové tagy • umísťují do stránky jediný prvek, který je už svou podstatou nedělitelný. Jde například o tyto prvky: • pozadí www stránky • vodorovná linka • obrázek, aj. <img src=“obrazek01.jpg“>

  6. Odkazy • Jsou důležitým principem HTML • Odkazují na místo v aktuálním dokumentu – tzv. záložku: <a href="#Výlet do hor">Výlet do hor</a> • Vkládají obrázek do stránky: <img src="obrazky/kvetina.gif"> • Mohou odkazovat na jiná data na jiné stránce: <a href="http://www.seznam.cz">Seznam.cz</a>

  7. Struktura kódu HTML • Správná struktura webové stránky je důležitá pro její bezchybné zobrazení ve všech prohlížečích – tzv. „VALIDITA“ podle mezinárodního standartu jazyka HTML, XHTML atd. • Ikonky vyjadřující validitu umístěné na některých stránkách informují návštěvníky o tom, že jsou VALIDNÍ a splňují předepsaný standart: • Odkaz na český validátor: http://validator.w3.cz/

  8. Základní části stránky

  9. Přehled tagů • Kompletní přehled HTML značek (tagů) potřebných pro vytváření webové stránky najdete na adrese: http://www.jakpsatweb.cz/html/

  10. V čem programovat? • Struktura webové stránky je textový kód, tzn. můžeme jej psát v textovém editoru – Poznámkovém bloku Windows a uložit soubor s příponou *.html, *.htm nebo *.php Editory HTML • Komerční: Microsoft FrontPage 2003 • Freeware: NVU, PSPad, EasyPad aj.

  11. Jak začít? • Vložíme hlavní tabulku – pro lepší formátování umísťujeme texty a obrázky do tabulek... • Nastavíme pozadí stránky (jednobarevné nebo tapeta)... • Píšeme texty, vkládáme hypertextové odkazy... • Vkládáme zmenšené obrázky (miniatury) s odkazem na velké (originální)... • Optimalizujeme kód (nadpis stránky, kódování aj.)... • První stránku (Home Page) uložíme pod názvem souboru „index.html“

  12. KONECprameny:http://validator.w3.cz/http://cs.wikipedia.org/wiki/Htmlhttp://www.jakpsatweb.cz/KONECprameny:http://validator.w3.cz/http://cs.wikipedia.org/wiki/Htmlhttp://www.jakpsatweb.cz/

More Related