| Začíname s HTML |
Ján Guniš, PF UPJŠ Košice |
||||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Html (HyperText Markup Language) je popisný (značkový) jazyk pomocou ktorého popisujete ako budú jednotlivé elementy (texty, obrázky ..) zobrazené v prehliadači. Html dokument je obyčajný textový dokument využívajúci osembitovú sadu znakov ASCII (American Standard Code for Information interchange) bez akýchkoľvek formátovacích znakov (môžete používať aj znaky národnej sady, ale treba to prehliadaču oznámiť).
Na vytváranie html dokumentov stačí ľubovoľný textový editor, ktorý vie ukladať čistý text (edit.com, ncedit.exe, NotePad, ..). Použiť môžete aj iné editory a využiť možnosť exportu do formátu html (MS Word, MS Excel, MS PowerPoint, WinText 602, ...). Ideálne je ak použijete špecializované editory, určené priamo na tvorbu html kódu (Hot Dog, Home Site, MS FrontPage, ..). Nech bude váš editor akokoľvek dokonalý, pre tvorbu kvalitných stránok je znalosť html kódu nevyhnutná.
Na špecifikovanie zobrazenie elementov v prehliadači používa jazyk html značky (tag). Každá značka je uzatvorená v zátvorkách <značka>. Značky môžu byť párové(napr. <B>tučné písmo</B>), majú začiatok a koniec a nepárové (napr. zobrazenie obrázka <IMG SRC="obrazok.gif">).
Každá stránka by mala obsahovať tieto časti:
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
označenie typu dokumentu,
verzia HTML (bežný dokument, môžu byť použité aj nepodporované značky
(deprecated)) alebo |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
označenie typu dokumentu,
verzia HTML (bežný dokument, striktné HTML 4,01) alebo |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> |
označenie typu dokumentu,
verzia HTML (dokument s rámcami) |
| <HTML> | {začiatok html dokumentu} |
| <HEAD> | {začiatok hlavičky} |
|
<META>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250"> |
{meta informácie: autor, kódovanie,
popis, ..} {kódovanie, v ktorom bola stránka vytvorená, napr.: windows1250} |
| <TITLE>Prvá stránka</TITLE> | {názov stránky, titulok} |
| </HEAD> | {koniec hlavičky} |
|
<BODY>
...... </BODY> |
{začiatok tela dokumentu, zobraziteľná časť} ...... {koniec tela dokumentu} |
|
</HTML> |
{koniec html dokumentu} |
Meta značky majú význam v tom, že dodávajú informácie špecifické pre danú službu alebo server. Použitie meta značiek patrí k "vyššej" škole HTML, ale napriek tomu sú dôležité a uvedieme si zopár príkladov.
| <META http-equiv="Content-Type" CONTENT="text/html;
charset=windows-1250"> alebo <META http-equiv="Content-Type" CONTENT="text/html; charset=ISO-8859-2"> |
poskytuje informáciu o tom, akú znakovú sadu používa váš html
dokument, v našom prípade to bude zrejme Windows 1250
pre profesionálnejšie nasadenie je výhodnejšie dodržiavať kódovanie ISO-8859-2. POZOR! Musíte mať editor schopný pracovať a a ukladať texty v tomto kódovaní. |
| <META content="30 ;URL=aktualne/pridaj.php3" http-equiv=refresh> | zadáva počet sekúnd, po ktorých sa automaticky načíta dokument na adrese za URL |
| <META NAME="robots" CONTENT="index"> | zadáva informácie pre robotov, ktoré prehľadávajú váš web, použiť môžeme nasledujúce parametre: noindex, index, nofollow, follow, resp. ich ľubovoľnú kombináciu, navzájom ich oddeľujeme čiarkou |
| <META NAME="description" CONTENT="popis stranky"> | stručný popis stránky |
| <META NAME="keywords" CONTENT="kľúčové slová"> | kľúčové slová pre indexovacie služby |
| <META name="Expires" content="Tue, 01 Jun 1999 19:58:02 GMT"> | zadávame dátum, do kedy je naša stránka platná, po tomto termíne ju indexovacie stroje vyradia z databázy |
Užitočný zdroj ohľadom META značiek, vrátane generátora META značiek môžete nájsť na adrese http://www.submitcorner.com/Guide/Meta/.
táto značka má nasledovné doplňujúce parametre:
<BODY BACKGROUND="obrazok"BGCOLOR="#farba1" TEXT="#farba2" LINK="#farba3" VLINK="#farba4" ALINK="#farba5">
BACKGROUND - obrázok na pozadí
BGCOLOR - farba pozadia
TEXT - farba textu
LINK - farba nenavštívených odkazov
VLINK - farba navštívených odkazov
ALINK - farba aktívnych odkazov
Farby sa zadávajú ako trojica hexadecimálnych čísel: #RRGGBB (R - červená, G - zelená, B - modrá)