|
|
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
