Jsi 1336382. návštěvník. Tento den 300.
|
Svátek |
Dnes má svátek Linda a Samuel. Redakce Tarsicia blahopřeje.
|
Doporučujeme |
|
|
|
HTML - Lekce 2. ![](../images/11.gif)
Co dokáže počítač
Nyní tedy máme vytvořenou základní stránku a chceme do ní napsat text (do sekce <BODY>). Můžeme také odrazit nějaké řádky. Z minulé lekce víme, že se to provádí vložením tagu <br>.
Text, který chceme zobrazit tučně, označíme párovým tagem <b> na začátku a </b> na konci. Pro kurzívu použijeme tag <i>, pro podtržení tag <u> (oba mají samozřejmě ukončení </i> a </u>).
A co změna fontu (písma)? Jednoduše, zapsáním tagu <font face=“Arial“>. V tomto tagu lze také měnit velikost písma zapsáním <font size=“10“>. Oba příkazy můžeme také sloučit do jednoho <font face=“Arial“ size=“10“>. Vše samozřejmě musí končit zápisem </font>.
Zkuste si napsat jednoduchý příklad, který naleznete v sekci Příklady. Všimněte si zejména způsobu ukončení zadaných příkazů, kdy nejprve ukončíme ten zadaný naposledy (tedy podtržení) a potom ten zadaný prvně (tučné).
Formátování přes programy
Možná to někomu přijde trochu složité. V praxi se toto zapisování dělá prostřednictvím programů anebo přes CSS (kaskádové styly). Zkuste napsat třeba jednoduchý text se základním formátováním v programu Microsoft Word potom zvolte Soubor -> Uložit jako. Vyberte Typ souboru Webová stránka (*.html). Můžete také změnit název stránky, který se objeví v záhlaví.
Nyní se na takto vytvořenou stránku podívejme. V menu prohlížeče zvolte Zobrazit -> Zdrojový kód (nebo ve stránce klikněte pravým tlačítkem a vyberte Zobrazit zdrojový kód). Objeví se tajemná změť mnoha podivných tagů, kterým ani nemůžeme rozumět. A možná v nich někde najdeme námi vložené věty…
Proto je dobré umět si ledacos vytvořit sami. Na internetu existuje řada užitečných bezplatných prográmků, které nám tuto rutinní práci usnadní (např. HTML Notes).
Učme se jinde
Proč se to tedy učíme? Pokud pochopíme tyto jednoduché tagy, můžeme je lépe aplikovat i u složitějších příkazů. Mnohé se lze naučit také z jiných stránek.
Stáhněte si jiné stránky a zkoumejte jejich zdrojové kódy, případně můžete experimentovat.
Můžete se učit také z knih zaměřených na výuku HTML (širokou nabídku vydává třeba nakladatelství Computer Press nebo Grada).
V odkazech najdete další stránky zabývající se touto problematikou.
Web tvoří více stránek
Weby jsou většinou tvořeny systémem vzájemně propojených stránek. Propojení funguje pomocí tzv. hypertextových odkazů. Jejich zápis vypadá takto: <a href=“stranka.html“> text odkazu</a>. Tento tag má celou řadu různých variací, v rámci domácího úkolu je můžete sami nastudovat z různých příruček. Vytvořit si tedy jednoduchý web s několika stránkami, které na sebe vzájemně odkazují (viz náš příklad).
|
|