Jazyk HTML Web používa jazyk na popis stránky a tento jazyk sa volá Hypertext Markup Language(Html), vždy je to textový súbor. Príkazy tohto jazyka sú spolu so svojimi parametrami uzatvárané do špicatých zátvoriek. Príkazy sú buď párové, alebo nepárové. Párový príkaz slúži ku formátovaniu elementu. Nepárový príkaz sa vzťahuje na celý dokument. HTML je tolerantný jazyk, ak urobíte nejakú chybu, alebo zadáte nesprávny príkaz, tak on tu chybu jednoducho nezobrazí - zobrazí len to čomu rozumie. <HTML> začiatok dokumentu <HEAD> začiatok hlavičky <TITLE>názov</TITLE> názov dokumentu </HEAD> koniec hlavičky <BODY> telo dokumentu vlastný text vlastný text = čo bude vidieť </BODY> koniec tela dokumentu </HTML> koniec dokumentu hlavička <HEAD>...</HEAD> sa v podstate môže celá vynechať, sa obvykle píše: úvodné príkazy začiatku stránky
<BASE HREF="URL"> určuje základné URL dokumentu <ISINDEX> zadať kľúčové slová pre vyhľadávače <META> metainformácie (kódovanie, autor apod.) Do tela stránky (<BODY>...</BODY>) sa píše: <BODY>...</BODY> vlastné telo dokumentu, parametre: LEFTMARGIN="číslo" - odsadenie od ľavého okraja v bodoch TOPMARGIN="číslo" - odsadenie od horného okraja v bodoch BGCOLOR="#rrggbb" - farba pozadia stránky TEXT="#rrggbb" - farba textu pro daný dokument LINK="#rrggbb" - farba odkazů VLINK="#rrggbb" - farba navštívených odkazů ALINK="#rrggbb" - farba aktivních odkazů, funguje málo BACKGROUND="pozadi.jpg" - soubor "pozadi.jpg" na pozadí BGPROPERTIES=fixed - obrázek na pozadí neroluje
Tag Body <BODY>...</BODY> <BODY leftmargin="číslo"> <BODY topmargin="číslo"> <BODY marginheight="číslo"> <BODY marginwidth="číslo"> <BODY bgcolor="farba"> <BODY background="súbor.xxx"> <BODY text="farba"> <BODY link="farba"> <BODY alink="farba"> <BODY vlink="farba"> Uvádza začiatok a koniec HTML kódu, ktorý sa bude zobrazovať Veľkosť ľavého okraju stránky v pixeloch (pro IE) Veľkosť horného okraju stránky v pixeloch (pro IE) Veľkosť horného okraju stránky v pixeloch (pro NN) Veľkosť ľavého okraju stránky v pixeloch (pro NN) Nastavenie farby pozadia stránky v hexadecimálnom tvare Nastavuje obrázok na pozadie stránky Špecifikuje farbu normálneho textu v hexadecimálnom tvare Špecifikuje štandardnú farbu nenavštívených odkazov v hexadecimálnom tvare Špecifikuje štandardnú farbu aktívnych odkazov v hexadecimálnom tvare Špecifikuje štandardnú farbu navštívených odkazov v hexadecimálnom tvare
Formátovanie textu <b>...</b> <i>...</i> <u>...</u> <sup>...</sup> <sub>...</sub> <strike>...</strike> <small>...</small> <big>...</big> <pre>...</pre> <H1-H6>...</H1-H6> <BR> <P>...</P> <P align="left/right/center/justify"> Tučný text (bold) Sklonený text (italic) Podčiarknutý text (underline) Horný index písma Dolný index písma Preškrtnuté písmo Zmenší veľkosť textu o jeden stupeň Zmenší veľkosť textu o jeden stupeň Text je zobrazený presne tak, ako je naformátovaný v HTML kódu. Vytvorí nadpisy, H1 je najväčšia veľkosť, H6 najmenšia Ukončenie riadku textu. Nový odstavec textu Zarovnanie textu v odstavci
Písmo - tag <FONT> <FONT>...</FONT> <FONT size="value"> <FONT face="name"> <FONT color="farba"> Základný tag pre zmenu písma Veľkosť písma od 1 do 7, hodnota 1 je najmenšia, 7 je najväčšia Druh písma na stránke (napr. Arial) Farba písma, v hexadecimálnom tvare
Odkazy - tag <A> (anchor) <A>...</A> Štartovací a ukončovací tag odkazu <A HREF="URL"> Vytvorí odkaz na zadanú adresu <A HREF="#NAME"> Skok na definované miesto v aktuálnej stránke <A HREF="URL#NAME"> Odkaz na uvedenú stránku a skok na definované miesto v nej <A NAME="NAME"> Definícia pomenovanej časti dokumentu (súvisí s dvoma predchádzajúcimi parametrami) <A HREF="mailto:email"> Vytvorí odkaz, ktorý otvorí email s predefinovanou emailovou adresou <A Špecifikuje, v akom okne prehliadača sa má dokument zobraziť target="_blank/_self/_parent/_top">
Obrázky - tag <IMG> <IMG> <IMG src="url" alt="text"> <IMG align="left/right/center/bottom/top"> <IMG border="číslo"> <IMG height="číslo"> <IMG width="číslo"> <IMG hspace="číslo"> <IMG vspace="číslo"> <IMG usemap="map-name"> Vloženie obrázku do dokumentu Vloženie obrázku, ktorý sa má zobraziť a jeho popis Určuje zarovnanie obrázku Veľkosť orámovania obrázku v pixeloch Určuje výšku obrázku v pixeloch Určuje šírku obrázku v pixeloch Určuje veľkosť voľného priestoru obrázku vľavo a vpravo v pixeloch Určuje veľkosť voľného priestoru nad a pod obrázkom v pixeloch Definuje, že obrázok je "klikacia mapa"
Tabuľky - tagy <TABLE>, <TR>, <TD> <TABLE>...</TABLE> <TABLE border="číslo"> <TABLE cellspacing="číslo"> <TABLE cellpadding="číslo"> <TABLE height="číslo" alebo "%"> <TABLE width="číslo" or "%"> <TD>...</TD> <TD bgcolor="farba"> <TD colspan="číslo"> <TD rowspan="číslo"> <TD nowrap> <TH>...</TH> <TR>...</TR> <TR bgcolor="farba"> <TR align="left/right/center"> <TR valign="top/middle/bottom"> <TD align="left/right/center"> <TD valign="top/middle/bottom"> Vytvorenie definovanie tabuľky Nastavenie orámovania tabuľky v pixeloch Odsadenie vnútorného priestoru medzi jednotlivými bunkami tabuliek Určuje veľkosť vnútorného odsadenia od okraja bunky tabuľky Určuje výšku tabuľky v pixeloch alebo percentuálnu veľkosť okna Určuje šírku tabuľky v pixeloch alebo percentuálnu veľkosť okna Definuje bunku tabuľky Nastaví definovanú farbu pre pozadie bunky tabuľky Určuje počet stĺpcov, ktoré má daná bunka spojiť Určuje počet riadkov, ktoré má daná bunka spojiť Určuje, že obsah bunky nebude zalomený Záhlavie tabuľky, kde text bude zobrazený tučne a vycentrovaný na stred Vytvorí riadky tabuľky Nastaví preddefinovanú farbu pre celý riadok tabuľky Definuje horizontálne zarovnanie obsahu celého riadku Definuje vertikálne zarovnanie obsahu celého riadku Definuje horizontálne zarovnanie obsahu bunky tabuľky Definuje vertikálne zarovnanie obsahu bunky tabuľky
Zoznamy a definície <UL>...</UL> <OL>...</OL> <OL type="a/a/i/i/1"> <LI>položka <LI type="square/disc/circle"> <DL>...</DL> <DT> <DD> Štart a koniec nečíslovaného zoznamu Štart a koniec číslovaného zoznamu Druh číslovania dokumentu Vytvorenie položky pre číslovaný alebo nečíslovaný zoznam Typ odrážky v položke: square- štvorec, disk - prázdne koliesko, circle - plné koliesko Štart a koniec definičného sčítania Definícia pojmu Vysvetlenie pojmu (<DL><DT>Pojem</DT><DD>Vysvetlenie</DD></DL>) <DL> <DT>Windows</DT> <DD>Operačný systém</dd> </DL>
Ohraničenia - tag <FRAMESET>, <FRAME>, <NOFRAME> <FRAMESET>...</FRAMESET> <FRAMESET rows="číslo,číslo"> <FRAMESET cols="číslo,číslo"> <NOFRAMES>...</NOFRAMES> <FRAME src="?"> <FRAME name="name"> <FRAME marginwidth="číslo"> <FRAME marginheight="číslo"> <FRAME scrolling="auto/yes/no"> <FRAME noresize> Definícia ohraničenia na stránke, musí byť umiestnená pred BODY Určuje vzájomné rozmery riadku hraničení, je možné zadať číselnú hodnotu, percentuálnu alebo * Určuje vzájomné rozmery stĺpcov ohraničení, je možné zadať číselnú hodnotu, percentuálnu alebo * Alternatívni obsah pre prehliadače nepodporujúce rámy Definuje obsah (HTML stránku) konkrétneho rámca Určenie mena rámca, na ktorý sa potom možno odkazovať Určenie šírky okraja daného rámca Určenie výšky okraja daného rámca Vytvorí, vyruší či zobrazí podľa potreby v rámci rolovaciu lištu Zruší možnosť zmeny veľkosti rámcov čitateľom.
Formuláre - tag <FORM>, <SELECT>, <INPUT> <FORM>...</FORM> <FORM action="url"> <FORM method="get post"> <FORM accept="media type"> <FORM accept-charset="text"> <FORM enctype="media type"> <SELECT name="meno">...</select> <SELECT size="číslo"> <SELECT multiple> <OPTION> <INPUT align="left/right/top/bottom/middle"> <INPUT type="text/password" size="číslo"> <INPUT type="text/password" maxlength="číslo"> <INPUT type="text/password" value="text"> Uvádza začiatok a koniec samotného formulára Definuje cestu ku skriptu, ktorý bude dáta z formulára spracovávať Druh odoslania dát serveru Definícia MINE Definícia znakovej sady Definuje formát odoslaných dát Vytvorí rolovacie menu Size určuje veľkosť roletového menu (koľko položiek bude vidieť naraz Multiple - umožní vybrať kurzorom viac položiek súčasne Tag pre definíciu položky v Select Zarovnanie prvku formulára Veľkosť formulárového poľa v znakoch Maxlength - maximálny počet znakov, ktoré možno zadať do formulárového poľa Value - vopred pripravený text/heslo vo formulárovom poli
<INPUT type="checkbox"> <INPUT type="checkbox" checked> <INPUT type="hidden" value="hodnota"> <INPUT type="image" src="url"> <INPUT type="password"> <INPUT type="radio"> <INPUT type="radio" name="text"> <INPUT type="radio" value="hodnota"> <INPUT type="text"> <INPUT type="textarea"> <INPUT type="textarea" rows="číslo" > Vytvorí podtrhovátko (checkbox) Checked - automaticky toto podtrhovátko zatrhne (IE only) Neviditeľné pole, používa sa pre odoslanie vopred definovaných hodnôt (určených pomocou value). Obrázok, ktorý slúži ako odosielacie tlačítko, URL určuje cestu k obrázku Vytvorí pole pre zadávanie hesla (hviezdičky) Vytvorí radio-button Name definuje text, ktorý musí byť rovnaký pre jednu sériu radiobuttonov (aby išlo vybrať iba jednu položku) Value definuje hodnotu, ktorá sa odošle serveru ku spracovaniu (server potom vie, aký radio-button ste vybrali) Vytvorí pole pre text Vytvorí viacriadkové pole pre text Rows - počet riadkov v text area - určuje "výšku" textarea <INPUT type="textarea" cols="číslo"> Cols - počet stĺpcov/znakov v textarea - určuje "šírku" textarea <INPUT type="submit"> Odošle obsah formulára serveru <INPUT type="reset"> Vymaže obsah formulára a nastaví pôvodné údaje <INPUT type="submit/reset" value="text"> Text, ktorý sa zobrazí na odosielaciom alebo vymazávaciom tlačítku
Tag <META> <meta name="typ informácie" CONTENT="samotná informácia"> <meta http-equiv="typ informácie" CONTENT="samotná informácia"> <meta http-equiv="content-type" content="text/html; charset=windows- 1250"> <meta http-equiv="refresh" content="číslo; URL=adresa"> <meta name="description" content="popis_stránky"> <meta name="keywords" content="kľúčová, slova"> Prvý druh meta-tagu (umiestňuje sa do sekce HEAD) Druhý druh meta-tagu (umiestňuje sa do sekce HEAD) Definícia kódovanej stránky (windows-1250) Meta-tag pre presmerovanie, číslo je počet sekúnd, dokým dôjde k presmerovaniu, URL je adresa, kam bude prehliadač presmerovaný Meta-tag pre definíciu popisu stránky (pre vyhliadávače) Meta-tag pre definíciu kľúčových slov, oddeľuje sa čiarkou (pre vyhľadávače)