statistika:
Chcete být včas informováni o úpravách
této stránky? pošlete prázdný mail na:
robot@jam.htmlplanet.com
s předmětem "info-mail"
Mé další stránky:
| Kurz tvorby HTML
část první
Základním prvkem jazyka HTML jsou jakési značky, které prohlížeči popisují co
má udělat, nebo zobrazit jsou to tzv.:"tagy". Základním a
jedním z prvních tagů je hypertextový odkaz, je to párový tag, tzn. že část na
kterou je tento tag aplikovám je ohraničena párem těchto tagů a to takto <A>
....... následuje odkaz a popis (popř.obrázek) ..........</A>, dále známe
nepárové tagy - to jsou takové, které neurčují vlastnosti, ale přímo provádějí
daný příkaz např.:
<BR> - další řádek, nebo
<HR> - nakreslí do dokumentu horizontální čáru
Kód HTML má ovšem také nějaké zásady definování hlavičky a podobně. HTML
stránka jako taková musí být ohraničena celá párovým tagem
<HTML>...</HTML> a dále se stránka dělí na hlavičku (tag
<HEAD>...</HEAD>) a tělo (tag <BODY>...</BODY>) nejlépe se to
popisuje na názorném příkladu takže tady si zkusíme první HTML můžete si jej
napsat v libovolném editoru schopném ukládat čistý ASCII text bez formátování
(např NOTEPAD)
<HTML>
<HEAD>
<TITLE>Nadpis - toto se objevuje v popisovém řádku prohlížeče</TITLE>
</HEAD>
<BODY bgcolor="#000000" text="#FF8080" link="#FF0000">
<CENTER><B>Testovací stránka</B></CENTER>
<HR><BR>
Tady už můžete klidně psát cokoliv vás napadne tedy až na špičaté závorky,
protože ty slouží výhradně k označování tagů takže ble ble ble ble ble
blablableblau......<br>
tady pokračuje další rádek, a kdybystze chtěli oddělovat odstavce, tak k tomu
slouží tag <P>a tady už jsme v dalším odstavci</P> <P>A tady
taky</P>
Jinak já osobně nepíšu tagy velkými písmeny, ale tady to dělám pro váš přehled.<BR> <BR>
nebudeme zbytečně natahovat...
</BODY>
</HTML>
|
Jak vidíte není to nic těžkého co je ohraničeno špičatými závorkami to se
nezobrazí, a všechno co je kolem nich se zobrazí
Takže si to vezmeme postupně po příkazech:
<HTML> |
toto by měla být první věc na každé stránce - definuje že jde o
HTML kód pokud zde není zobrazí se stránka jako text (včetně tagů). |
<HEAD> |
Definuje hlavičku dokumentu jako nadpis, autor, vocogo, klíčová slova
atd...(to jsme zatím vynechali). |
<TITLE> |
Umožní nám napsat nadpis stránky. |
<BODY> |
Zde prohlížeč zjištuje, že dále pokračuje vlastní tělo dokumentu
za tímto tagem jsou dále jeho parametry podíváme se na ně blíže:
bgcolor |
definuje barvu pozadí (implicitně bílá) šest znaků v uvozovkách je
hexadecimální číslo tzn 0-f kde 0hex=0dec.
a f=15dec. takže ffhex=255dec.
kdo zná šesnástkovou soustavu ví o čem mluvím, a ti zbylí to prostě musí brát
jako fakt, nebo (doporučuji) se ji naučit. |
text |
definuje barvu textu (implicitně čená) |
link |
definuje barvu textových odkazů (implicitně modrá) |
další parametry |
Pak tady máme ještě další parametry jako vlink - navštívený odkaz,
alink - aktivovaný odkaz, tyto se definují stejně jako link |
|
<CENTER> |
Tady si myslím že není co vysvětlovat, ale pro jistotu - horizontálně
centruje text doprostřed obrazovky. |
<B> |
Tento tak určuje, že následující text bude tučně (bold) |
<HR> |
Udělá bílou horizontální čáru kdybyste chtěli jinou barvu napíšete
jednoduše <HR color="#xxxxxx"> kde xxxxxx určuje číslo vaší barvy |
<BR> |
výsledek tohoto tagu vypadá jako enter tzn., že se pokračuje vlevo o řádek níž, ale v Hatmatilce(HTML) nepůsobí enter
nijak, a proto se musí zadávat takto. |
Všechny další tagy, které jsou takovéto: </...> - znamenají ukončení
platnosti párového tagu.
Tak to bylo pro dnešek vše, zbytek zase první pondělí příští měsíc, takže v říjnu.... Ale je docela možné,že udělám nějaký ten apdejtík i dříve, takže pokud chcete být včas informováni pošlete mail na adresu robot@jam.htmlplanet.com a do subjektu napište info-mail, budete zařazeni do mail-listu, a budou vám posílány informace o případných změnách na mých stránkách.
Pokud mi chcete něco napsat, tak to můžete udělat buďto tady a nebo mi můžete něco napsat do mé knihy návštěv.
Sepsáno dne 6.6 lp.1999 v Orlové
Do nové podoby převedeno 5.9.1999
Optimalizováno pro IE4.0 a vyšší
res. 800 x 600 x truecolor
Naposledy updatováno:06.09.1999
|
|