jazyk html n.
Download
Skip this Video
Download Presentation
Jazyk HTML

Loading in 2 Seconds...

play fullscreen
1 / 12

Jazyk HTML - PowerPoint PPT Presentation


  • 97 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Jazyk HTML' - allegra-obrien


Download Now 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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
charakteristika 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.
tagy a odkazy
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.
p rov tagy
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>

nep rov tagy
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“>

odkazy
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>

struktura k du html
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/
p ehled tag
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/

v em programovat
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.
jak za t
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“
slide12

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/