Tvorba HTML2 - novinky

V tomto návodu bych vám chtěl ukázat, jak je jednoduché vytvořit si vlastní internetové stránky - snadno a rychle. Pokud nemáte žádný speciální software(jako je homepage a podobné), nezoufejte. Tento návod je právě pro vás. Návod, jak udělat své internetové stránky v tom softwaru, který každý z vás má. A to je jednoduchý textový editor. Například poznámkový blok. Vše musí začít jednoduchým otevřením souboru, napsáním znaků (tagů) a jejich uložení jako soubor.html a je hotovo - máte svou html stránku. (Přepsání koncovky souboru neco.txt přepište na něco.html A teď,jak na to: Každý html soubor obsahuje tagy [b]< >[/b] a [b] </ > [/b] Z minulého dílu tvorby HTML, by jste měli mít nějaké ty základy. Pokud si, ale chcete osvěžit paměť, podívejte se na tvorbu. HTML1 LINK(http://www.gamespot.cz/index.php?select=showarticle&id=1060085514;ZDE) . Pokud jste klikli, otevřelo se vám nové okno a v něm se zobrazil návod číslo 1. Tohle byla zároveň názorná ukázka linku. Abych vám mohl dát možnost kliknout na odkaz, musel jsem napsat toto. [b] <a href="http://www.gamespot.cz" target="_blank">ZDE</a> [/b]. A ted vám vysvětlím, co znamená co.Zaměříme se na červeně označený text. [color=red] <a href="[/color]http://www.gamespot.cz" target="_blank">ZDE</a> Uvádí začátek tagu pro linky. <a href="http://www.gamespot.cz" [color=red]target="_blank"[/color]>ZDE</a> Specifikuje odkaz pro to, aby se otevřel v novém okně. Pokud napíšete link bez tohoto příkazu [b]target="_blank"[/b] otevře se v tom samém okně. <a href="http://www.gamespot.cz" target="_blank">ZDE[color=red]</a>[/color] Ukončuje tag LINKU <a href="http://www.gamespot.cz" target="_blank">[color=red]ZDE[/color]</a>. Zde můžete napsat cokoliv, co se má zobrazit na stránce. Místo zde, napíšu HTML díl 1 a vznikne HTML díl 1 Takovýto odkaz, který vede na tu samou stánku a funguje úplně stejně. Link může vést i k souboru, který chcete nechat návštěvníkům stáhnout.Pouze do cesty napíšete místo URL, cestu k souboru. Zip, avi, nebo jakýkoliv jiný soubor. Ovšem to nejsou všechny možnosti. Pokud by jste chtěli dát obrázek jako odkaz, tak není nic lehčího. Stačí, pokud na místo, kde jsem já použil ZDE, napíšete cestu k onomu obrázku ve formě tagu. <a href="http://www.gamespot.cz" target="_blank">[color=red]<img src="obrázek.jpg">[/color]</a>. Nejlepší formát obrázků je JPG, pro jeho malou velikost. (Pozor:Obrazek musí být umístěn buď na serveru nebo kdekoliv jinde na internetu) Krásně jsme sklouzli až k obrázkům. Pokud chcete na své stránce zobrazovat obrázky, už víte, že stačí napsat tag. [b] <img src="http://www.gamespot.cz/obrazky/obrazek.jpg>[/b] A na stránce se vám zobrazí obrázek. Další tagy pro určování cesty k obrázku a nebo i souboru jsou: [b]src="obrazek.jpg"[/b] - obrázek je umístěn v aktualním adresáři. [b]src="../obrazek.jpg"[/b] - obrázek je umístěn v nadřazeném adresáři. [b]src="http://www.gamespot.cz/obrazky/obrazek.jpg"[/b] - obrázek je umístěn na serveru gamespot v adresáři obrázky. Tohle ale nejsou všechny kouzla s obrázky. Tak například efektní je rámeček okolo obrázku. Vytvoříte ho jednoduchým tagem <img src="http://www.gamespot.cz/obrazky/obrazek.jpg" [b]border="1"[/b]> Hodnota border="1" může být 1-10 nebo "n".Hodnota "n" = žádný rámeček okolo obrázku. To je pro zatím vše a v dalším díle se dozvíte: ( pro ty z vás, kteří chtějí experimentovat a být napřed, budu uvádět tag v závorce ) Jak dát do pozadí stránky obrázek (background="cesta") Jak přehrávat na stránce hudbu (bgsound src="cesta") Jak vytvářet na stránce tabulky (table, th, rd, td) a nebo jak rozdělit stránku na několik samostatných oddílů (frameset cols"hodnota") Hodně štěstí u vašich prvních stránek.