Vypracoval: Ing. Juraj Palásthy


 

Na tvorbu www stránok sa používa jazyk HTML – Hyper Text Markup Language. Tvoria ho značky – tagy. Tieto značky sa píšu v štandardnom Ascii kóde. Píšu sa do osobitných zátvoriek . Ich použitím vytvárame zdrojový kód stránky. Je to vlastne textový súbor, ktorý môžeme napísať v akomkoľvek Ascii editore (napríklad Notepad).

 

Znaky HTML slúžia na popis obsahu stránky a jej formátovanie. Poznáme dva základné druhy:

 

  • Párové text, príkaz, parametre

  • Nepárové text, príkaz

 

Pokiaľ sa pomýlime a párovému tagu nezadáme jeho končiaci znak internetový prehliadač nám chybu nevyhlási. Beží ďalej, ale chybu nám zvýrazní tak, že stránka nespĺňa naše predstavy. Do zátvoriek vpisujeme kľúčové slová, ktoré internetové prehliadače poznajú a pri zobrazovaní stránky nám ich interpretujú. To znamená, že nám ich zobrazujú nie v textovom formáte, ale vo výslednom formáte, tak ako sme zadali sekvenciu príkazov.

 

Štruktúra HTML dokumentu

 

………….začiatok HTML

<HEAD>………hlavička stránky

</b></font><font color="#000000">…….Titulok stránky - Zobrazí sa v hornom modrom riadku prehliadača</font></p> </span></span></p> <p><span><span> <font color="#ff0000"><b>……..koniec Titulku stránky

……….koniec hlavičky

………….Začiatok tela stránky

 

Text stránky

………….Koniec tela stránky

………….Koniec HTML

 

 

Aby naša stránka bola prehľadná a dobre čitateľná musíme dodržiavať jej formátovanie. Na to používame:

 

  • Formátovanie písma

  • Horizontálne členenie

  • Tabuľky

  • Zoznamy a pod.

 

Nadpis vkladáme medzi párové značky Nadpis , pričom x nám udáva veľkosť písma. Tu platí, že čím je číslo menšie, tým je písmo väčšie.

 

 

Formátovanie písma:

 

text size nám určuje veľkosť písma, color jeho farbu a face jeho štýl. Písmo môžeme zvýrazniť pomocou párových značiek.

text text medzi tagmi bude tučný

text text medzi znakmi bude šikmý – kurzíva

texttext medzi znakmi bude podčiarknutý

text text sa zobrazí ako dolný index

text text sa zobrazí ako horný index

 

 

Okrem toho, môžeme písmu zadať aj farbu, a na to môžeme použiť buď slovný formát definície farby, alebo číslicový. Pri slovnom vyjadrení používame anglické názvy farieb ako:

 

AQUA – modrozelená, BLACK – čierna, BLUE– modrá, FUCHSIA – fialová, GRAY – sivá, LIME – citrónová, MAROON – gaštanová, NAVY – tmavomodrá, PURPLE – purpurová, SILVER – strieborná a pod.

 

 

Číslicový formát definície farieb je tzv. RBG (RED, GREEN, BLUE), kde sa hodnoty jednotlivých farieb zadávajú v hexadecimálnom formáte. Tento formát obsahuje hodnoty od 0-9 a A-F. Hodnota každej farby sa zadáva dvomi znakmi. Napríklad 00 je biela a FF čierna, všetky hodnoty medzi tým predstavujú určitý farebný odtieň. Takouto kombináciou dokážeme vytvoriť neskutočne veľký počet farieb.


 

 

Otázky:

  1. Vymenujte aspoň jeden editor v ktorom môžeme písať HTML kód?

  2. Aké dva základné druhy tagov poznáte?

  3. Čo urobí internetový prehliadač, ak mu nezadáme pri párovom tagu jeho druhú časť?

  4. Aký tag použijeme na zadanie veľkosti písma?

  5. Akým spôsobom môžeme zadať farbu písma?