Tutoriál
V pøedchozím díle našeho tutoriálu na tvorbu internetových stránek jsme se podívaly na základ stránky. Dnes si již povíme nìco o skuteèném obsahu stránek který se bude zobrazovat i zcela normálnímu návštìvníkovi na jeho internetovém prohlížeèi.
Nejprve si øekneme jak napsat text bez jakéhokoliv formátování. Uzavírá se do párové (znamená to že má zaèátek i konec) znaèky <p> a je to vlastnì takový odstavec ale používá se i u krátkých textù. Kód naší stránky pak mùže vypadat tøeba takto:
<!DOCTYPE html> <head> <tile> Testovací stránky </tile> </head> <body> <p> Toto je náš první text. </p> </body> </html>
Teï se podíváme na základní formátování. Každá stránky se neobejde bez
formátování. Snad vždy je potøeba nìco zvýraznit èi podtrhnou anebo prostì
jen nìjak "ozdobit". Nyní vám pøedstavím jen základní formátování nikoliv
pokroèilé protože je hroznì druhù rùzných formátování. Nauèíme se jak zobrazit
Tuèný,Podtržený,Pøeškrtlý a Šikmý. Jak vše napsat
je vidìt na následujícím kódu:
... <body> <p> Toto je náš neformátovaný text. </p> <p><b> Toto je náš první tuèný text.</b></p> <p><u> Toto je náš první podtržený text.</u></p> <p><del> Toto je náš první pøeškrtnutý text.</del></p> <p><i> Toto je náš první šikmý text.</i></p> </body> </html>
Nyní si ještì ukážeme jak rozdìlit text do více øádkù. To se sice dìje ale až nakonci stránky a pokuï nechceme aby se text "zlamoval" až nakonci stránky budete potøebovat nepárovou (je pouze jedna) znaèku <br />. Tuto nepárovou znaèku budete používat urèitì velmi èasto a je tím pádem i dùležitá. Jak ji správnì použít je znázornìno v následujícím kódu:
... <body> <p> Toto je text v prvním øádku.<br /> A tento text v druhém. <br /> V prohlížeèi vidìt že na odstavení textu nemusíte odskákat i text v kódu.</p> </body> </html>
A to je vše. Pøíštì se podíváme na nadpisy a obrázky.
