L e k c e č.1 - Vložení textu do stránky První a nejdůležitější věcí, která se na WWW stránkách objevila, byl text. K zobrazení není třeba žádné zvláštní značky, ža text se považuje cokoliv, co není součástí žádné značky (parametry, hodnoty) uvnitř sekce BODY. 1. Neformátovaný text Uvidíte, že neformátovaný text se zobrazuje bez vícenásobných mezer či odřádkování. I když text zapíšeme takto: <body> Toto je text, jež se zobrazí v okně prohlížeče bez jakéhokoliv formátování. Všimněte si, že klávesa ENTER , ani vícenásobná mezera nemá na zobrazení vliv. </body> ... tak se nám zobrazí takto:
Toto je text, jež se zobrazí v okně prohlížeče bez jakéhokoliv formátování. Všimněte si, že klávesa ENTER, ani vícenásobná mezera nemá na zobrazení vliv. Právě tyto "neduhy" zdrojového kódu se dají ošetřit pomocí následujících značek:
<BR> ..... ukončí řádek a začne na řádku novém (HTML obdoba klávesy ENTER) A jak to bude fungovat s použitím zmíněných značek? To vám ukáže malá ukázka závěrem:
2. Zvýraznění písma To, co jsme si v předešlé části ukázali, není zdaleka vše, co můžeme s písmem dělat. Zatím dokážete vložit jednolitý text bez jakéhokoliv formátování. Nyní si ukážeme, jak zvýrazňovat určité části textu.
Nejlépe uděláme, když si vše ukážeme na příkladu:
<P>Text bez formátování</P>
Vidíte, že to není nic těžkého. Jen se nesmí prohodit pořadí ukončovacích tagů. ty se řadí v opačném pořadí - první je poslední. HTML se ale neomezuje jen na tučné písmo, podtržení a kurzívu. Další možnosti se pokusíme demonstrovat.
A co na to prohlížeč?
3. Zarovnání Jak vytvořit nadpis, jak odsunout text doprava? Chcete zarovnat nějaký text na jednu ze stran stránky a nebo vystředit? V tom případě by jste neměli přeskočit tento odstavec, jež se zabývá právě zarovnáním. Pro zarovnání neexistuje vlastní tag. Vše se dšje pomocí párového tagu <DIV>, jež ohraničuje text a definuje ho jako samostatný odstavec. Následně se přiřadí tomuto tagu parametr align sloužící k definici zarovnání. Nabývá hodnot left, right, center - tedy po česku vlevo, vpravo, nastřed. <DIV align="left|right|center">
4. Fonty - ovládněte písmo I když jsme vybaveni poměrně bohatými prostředky pro práci s písmy, stále spíše ovládá nás než mi jej. V textu se však nemusíme omezovat pouze na změnu řezu písma. mi můžeme zaměnit celý font za jiný, tedy definovat velikost, barvu a hlavně sadu písma. Celé se to děje pomocí párového tagu <FONT></FONT>.
Nyní ukázka pro porozumění:
5. Barvy Svět bez barev je ponurý a nezáživný. I na svých stránkách budete chtít používat rozdílné barvy a tím vytvořit 'Barevný svět HTML'. HTML defunuje pro základní barvy přímé názvy odpovídající anglickému ekvivalentu. Všechny barvy se však defunují pomocí šesti hexadecimálních čísel (zápis v šestnáctkové soustavě).
Pro každý dokument v HTML si můžeme nastavit základní barvy, jež nám nemůže nic změnit. Vše se nastavuje již v tagu <BODY>, který uvozuje vlastní tělo kódu zobrazovaného prohlížečem.
<BODY bgcolor="black" text="white" link="yellow" alink="red" vlink="aqua"> Zkuste to někdy s touto kombinací. 6. Poznámky Nemůžete se ve zdrojovém kódu vyznat? Udělejte si poznámky. Bohužel nemůžete samovolně vpisovat text, protože by se zobrazil v prohlížeči. I na to ale W3C pamatovalo a zavedlo tag pro psaní poznámek. <!- text poznámky jak chcete dlouhý --> |