|
|
Vytvß°enφ HTML dokumnet∙
HTML dokumenty lze vytvß°et v jakΘmkoliv textovΘm editoru.
Jedinou podmφnkou je, aby data Üla ulo₧it v ΦistΘm textu, tedy ASCII soubor.
Po mnoha pokusech se pravφ administrßto°i uch²lili k M$ Notepad for Windows.
Je to asi nelpoholdn∞jÜφ editor kter² lze pou₧φt na platform∞ Windows.
Samoz°ejm∞, ₧e lze pou₧φt i n∞jakΘ WYSIWYG editory jako nap°φklad Netscape
Composer, nebo M$ FrontPage. Pokud vÜak budete chtφt d∞lat opravdu perfektnφ
HTML dokumenty, stejn∞ se bez Notepadu neobejdete. Pro takto vypadajφcφ
dokumenty Vßm vÜak stejn∞ nebude staΦit tento struΦn² pr∙vodce.
Zßkladnφ struktura strßnky
Ka₧dß HTML strßnka mß n∞kolik zßkladnφch stavebnφch prvk∙,
kterΘ nelze vynechat. Pat°φ mezi n∞ hlaviΦka HEAD, titluek TITLE a t∞lo
dokumentu BODY. Zßkladnφ strßnka tedy m∙₧e vypadat nap°φklad takto:
<HTML>
<HEAD>
<TITLE>Titulek strßnky</TITLE>
</HEAD>
<BODY>
Text na strßnce...
....
</BODY>
</HTML>
V²znam znaΦek je nßsledujφcφ:
| ZaΦßtek |
Konec |
Popis |
| <HTML> |
</HTML> |
Indikuje zaΦßtek a konec HTML dokumentu |
| <HEAD> |
</HEAD> |
Obsahuje hlaviΦku HTML dokumentu. |
| <TITLE> |
</TITLE> |
Obsahuje titulek strßnky, kter² se zobrazuje jako popis okna v prohlφ₧eΦi |
| <BODY> |
</BODY> |
Kontejner pro vlastnφ text strßnky. |
Formßtovßnφ odstavc∙ a textu
Ka₧d² odstavec v HTML dokumentu musφ b²t zarovnßn ve svΘm
kontejneru. Pro zarovnßvßnφ textu a dostavc∙ lze pou₧φt znaΦky jako nap°φklad
tuΦn² text, kurzφva, podtr₧en² text, atd.
HlaviΦky
HTML dovoluje vytvß°et a₧ Üest ·rovnφ nadpis∙. Prvnφ ·rove≥
pou₧φvß oznaΦenφ <H1>, druhß <H2>, atd. Zßpis je nßsledujφcφ:
<H#>Nadpis</H#>
Tedy nap°φklad:
<H1>Vφtejte na PNWS</H1>
| Bude vypadat takto: |
Vφtejte na PNWS
|
Odstavce
Odstavce textu v HTML zaΦφnajφ tagem <P> a konΦφ </P>.
Syntaxe texy je tedy:
<P>text</P>
Pokud chcete zaΦφt novou °ßdku, nepou₧φvejte <P>, proto₧e za odstavcem
je vynechßno mφsto. Pou₧ijte tedy pro novou °ßdku <BR>.
Centorvßnφ texu
Pokud chcete text vycentrovat, uzav°ete jej do kontejneru
CENTER. P°φklad m∙₧e vypadat nßsledovn∞:
<CENTER>text</CENTER>
Pro centrovßnφ hlaviΦky pou₧ijte parametr ALIGN=CENTER u tagu
Hx.
<H1 ALIGN=CENTER>Vφtejne na PNWS</H1>
P°edformßtovanΘ odstavce
Jestli₧e chcete aby text vypadal, tak jak jej napφÜete, tedy
vΦetb∞ mezer, uzav°ete jej mezi tagy <PRE> a </PRE>.
<PRE>
paragraphs of text
</PRE>
TuΦnΘ pφsmo a kurzφva
TuΦnΘ pφsmo se uzavφrß mezi tagy <B> a </B> a kurzφva
mezi <I> a </I>.
<B>tuΦn∞</B> a <I>kurzφvou</I>
Tabulky
Tvo°enφ takulky je docela slo₧itß v∞c, ale dß se zvlßdnout
a pochopit. Prostudujte si nßsledujφcφ tabulku obsahujφcφ popisy jednotliv²ch
zbaΦek.
| ZaΦßtek |
Konec |
Popis |
<TABLE> nebo
<TABLE BORDER> |
</TABLE> |
Informuje o zaΦßtku nebo o konci tabluky. Paramatr BORDER oznaΦuje,
₧e tabulka bude orßmovßna |
| <TR> |
</TR> |
OznaΦuje zaΦßtek a konec °ßdky v tabulce |
| <TD> |
</TD> |
OznaΦuje zaΦßtek a konec jednotlivΘ bu≥ky v tabulce |
Ukßzkov² k≤d m∙₧e b²t t°eba takov²to:
<TABLE BORDER>
<TR>
<TD></TD>
<TH>Jan</TH>
<TH>Feb</TH>
<TH>Mar</TH>
</TR>
<TR>
<TH>North</TH>
<TD>200</TD>
<TD>400</TD>
<TD>600</TD>
</TR>
<TR>
<TH>South</TH>
<TD>100</TD>
<TD>50</TD>
<TD>75</TD>
</TR>
<TR>
<TH>Central</TH>
<TD>1200</TD>
<TD>1300</TD>
<TD>1600</TD>
</TR>
</TABLE>
Tento k≤d vygeneruje nßsledujφcφ tabulku:
|
Jan |
Feb |
Mar |
| North |
200 |
400 |
600 |
| South |
100 |
50 |
75 |
| Central |
1200 |
1300 |
1600 |
Obrßzky
Do HTML dokumentu lze vlo₧it obrßzek pomocφ jeho URL. Syntaxe
pro jeho vlo₧enφ je nßsledujφcφ, p°iΦem₧ parametry HEIGHT, WIDTH a ALT
jsou nepovinnΘ, ale doporuΦovanΘ:
<IMG SRC="url obrßzku" WIDTH="Üφ°ka v bodech" HEIGHT="v²Üka
v bodech" ALT="textov² popis">
Formulß°e v HTML
Formulß°e pot°ebujeme v HTML dokumetech, pokud chceme volat
CGI skripty. Zßkladnφ strukt∙ra formulß°e je:
<FORM METHOD="POST" ACTION="script">
(obsah formulß°e)
</FORM>
Skript na kter² se odkazuje parametr ACTION je platnΘ URL CGI skriptu,
kter² obdr₧φ data formulß°e k nßsledΘmu zpracovßnφ.
P°ehled formulß°ov²ch prvk∙
|
|
Vφtejte
| Mailing list
