A zde p°iklßdßm jeÜt∞ v²pis textu strßnky, na kterΘ si ov∞°φte, jak vÜe funguje.
Kapitola VIII. Obrßzky
Ji₧ v minulΘ kapitole jsme se krßtce zmφnili o obrßzcφch, dnes si o nich povφme vφce. Krom∞ textu m∙₧ete na strßnky vklßdat takΘ obrßzky. Ty mohou strßnky nejen zkrßÜlovat, ale takΘ jimi m∙₧ete vytvo°it Φßsti, kterΘ b∞₧n²mi metodami nevytvo°φte. Nap°φklad tlaΦφtka s odkazy, barevnΘ zarß₧ky, nadpisy, atd.
Vlo₧enΘ obrßzky podlΘhajφ stejn²m formßtovacφm p°φkaz∙m jako b∞₧n² text, m∙₧ete je tedy sdru₧ovat do odstavc∙, zarovnßvat (o tom si povφme pozd∞ji).
Obrßzky se vklßdajφ pomocφ nepßrovΘho p°φkazu <IMG>. M∙₧ete jej dßt kamkoliv do textu. Tento p°φkaz obsahuje n∞kolik parametr∙, pomocφ nich₧ °φkßte, jak mß obrßzek b²t zobrazen atd.
Nejd∙le₧it∞jÜφm parametrem je SRC, kterΘmu p°edßte adresu obrßzku, jen₧ mß b²t zobrazen. Je to jedin² povinn² parametr:
<img src="buttok.gif">
Jako obrßzky budete nejΦast∞ji pou₧φvat formßty JPEG a GIF. M∙₧ete sice pou₧φt i jinΘ (nap°φklad XBM), ale ty h∙°e komprimujφ obraz a nejsou podporovßny vÜemi prohlφ₧eΦi.
Pokud p°φkaz napφÜete tφmto zp∙sobem, bude jeho spodnφ okraj zarovnßn se spodnφm okrajem textu. Tuto pozici m∙₧ete zm∞nit parametrem ALIGN, kter² umo₧≥uje mnoho dalÜφch zp∙sob∙ zarovnßnφ. Krom∞ toho m∙₧ete takΘ nechat obrßzek textem obtΘkat, a to hned n∞kolika zp∙soby. ╪eÜenφm je op∞t p°edßnφ vhodnΘ hodnoty do parametru ALIGN. Konec obtΘkanΘho textu oznaΦφte p°φkazem <BR CLEAR="ALL">. VÜechny hodnoty a jejich v²znam jsou uvedeny v tabulce. P°φklad znßzor≥uje obtΘkßnφ textu vpravo od obrßzku:
<img src="buttok.gif" ALIGN="LEFT"> Na tomto obrßzku je tlaΦφtko. <BR CLEAR="ALL">
Pokud nechßte obrßzek obtΘkat, je vhodnΘ nastavit mezery mezi obrßzkem a okolnφm textem. Pro odsazenφ textu po stranßch pou₧ijete parametr HSPACE a pro vzdßlenost odshora parametr VSPACE. Jako hodnotu p°edßte poΦet bod∙, kterΘ udßvajφ velikost mezery:
<img src="buttok.gif" ALIGN="LEFT" HSPACE="20">
DalÜφ parametr BORDER umo₧≥uje obrßzek ohraniΦit rßmeΦkem, kter² mß barvu textu na strßnce (a lze ji tedy zm∞nit b∞₧n²m zp∙sobem). Moc Φasto se nepou₧φvß, ale v n∞kter²ch situacφch jej pou₧ijete (nap°φklad kdy₧ je t°eba p°esn∞ znßt okraje obrßzku).
Vzhledem k tomu, ₧e u₧ivatel m∙₧e mφt v prohlφ₧eΦi vypnutou mo₧nost zobrazenφ obrßzk∙, nebo m∙₧e pou₧φvat textov∞ orientovan² prohlφ₧eΦ, pak je vhodnΘ doplnit parametr ALT, kter² m∙₧e obsahovat hodnotu alternativnφho textovΘho vyjßd°enφ.
Poslednφ z parametr∙, o kter²ch si °ekneme, jsou parametry udßvajφcφ rozm∞r obrßzku. Nejsou povinnΘ, nebo¥ vÜechny novΘ prohlφ₧eΦe velikost sprßvn∞ poznajφ, ale mohou se hodit, pokud pot°ebujete velikost obrßzku zm∞nit. Parametr HEIGHT udßvß v²Üku a WIDTH Üφ°ku v obrazov²ch bodech.
Umφst∞nφ obrßzku na strßnce se pod°izuje formßtovacφm p°φkaz∙m, o nich₧ si povφme p°φÜt∞.
A zde p°iklßdßm jeÜt∞ v²pis textu strßnky, na kterΘ si ov∞°φte, jak vÜe funguje.
<HTML>
<HEAD>
<TITLE>Kapitola VIII.</TITLE>
</HEAD>
<BODY>
<img src=buttok.gif alt="OK">
Text<BR>
<img src=buttok.gif align="top">Text naho°e<BR><BR>
<img src=buttok.gif align="left">Text<BR>obtΘkß<BR>okolo obrßzku<BR CLEAR="ALL">
<img src=buttok.gif border="3">RßmeΦek<BR>
<img src=buttok.gif height="30" width="50">Jinß velikost<BR>
</BODY>
</HTML>
(pokraΦovßnφ p°φÜt∞) BED╪ICH SMETANA
|
Hodnota TOP TEXTOP MIDDLE ABSMIDDLE BASELINE, BOTTOM ABSBOTTOM LEFT RIGHT |
V²znam Vrchol obrßzku je zarovnßn s vrcholem textu Vrchol obrßzku je zarovnßn s nejvyÜÜφm bodem textu na °ßdce Zarovnß st°ed obrßzku se zßkladnφ Φarou textu Zarovnß st°ed obrßzku se st°edem textu Zarovnß spodek obrßzku se zßkladnφ Φarou textu Zarovnß spodek obrßzku s nejni₧Üφm bodem textu Text obtΘkß vpravo Text obtΘkß vlevo |
