Jak vytvořit webovou stránku pomocí kódů HTML

HTML je jazyk webu. HTML se skládá z zarovnávaných značek, které obklopují text a grafiku a informují webový prohlížeč, co s nimi dělat. Knihovna kódů HTML obsahuje značky, které ovládají písmo, styl a odsazení, stejně jako speciální formáty zobrazení, jako jsou tabulky, seznamy odrážky a obtékání textu. Většina značek HTLM se objevuje ve dvojicích, které upozorňují prohlížeč na spuštění určité funkce a kdy se zastaví. Některé atributy, které zahrnete do závorky značky, dále určují funkci této značky.

Napište HTML kód

1.

Otevřete Poznámkový blok umístěný pod nabídkou "Start" ve složce "Příslušenství".

2.

Zadejte značku "" - v horní části stránky vynechejte uvozovky mimo závorky. Na dalším řádku přidejte značku "". Tato kombinace značek informuje prohlížeč, aby očekával, že bude následovat kód HTML.

3.

Stiskněte několik řádků a v dolní části dokumentu zadejte text. Tímto způsobem zabráníte, abyste zapomněli později zavřít otevírací značku.

4.

Klepnutím na mezi otevřenými a zavíracími značkami na libovolném prázdném řádku. Nebojte se, že máte mezi vaším kódem další řádky. Prohlížeč ignoruje všechny prázdné řádky v dokumentu HTML.

5.

Zadejte řetězec značek "." Mezi značkami otevření a zavření zadejte název webové stránky. Například osobní stránka Joe Smitha může obsahovat kód Vítejte na domovské stránce Joea Smitha.

6.

Na další řádek zadejte značku "" a potom přidejte několik prázdných řádků a zadejte uzavírací značku. Obsah celé webové stránky se nachází mezi těmito značkami.

7.

Klikněte na libovolný prázdný řádek nad zavírací značkou a zadejte značku "" a spusťte nový textový odstavec. Klikněte mezi otevřením a zavřením

tagy pro přidání textu. Každý nový odstavec musí začínat a

tag nebo prohlížeč nebude vědět, že přesune text na nový řádek.

8.

Změňte styl písma svého odstavce pomocí atributů tagu "styl" a "font-family" uvnitř

tag pomocí formátu

kde "name_of_font" je konkrétní písmo, které chcete zobrazit v tomto odstavci. Například, pokud by Joe Smith chtěl změnit své odstavcové písmo na Verdana, bude vypadat kód

.

9.

Umístěte text mezi a značky, chcete-li tučně nebo kurzívou.

10.

Přidejte do vaší stránky obrázek se značkou . Jedná se o jednu z mála značek HTML, která nevyžaduje uzavírací značku. Uvnitř tag, použijte atribut "src" pro zadání umístění souboru obrázku. Pokud by například Joe Smith chtěl zahrnout obrázek na svou webovou stránku, použije kód

. Atribut "alt" popisuje obrázek pro osoby se zrakovým postižením pomocí prohlížečů pro prohlížení webu nebo v případě, že se obrázek nezobrazí v okně prohlížeče.

11.

Přidejte hypertextový odkaz na stránku pomocí značky. Mezi značkami zadejte text, který návštěvník klikne, a přejdete na tuto stránku. Uvnitř značky otevření použijte atribut "href" na konkrétní adresu URL, na kterou se spojení dostane, když jste klikli. Pokud například Joe Smith chtěl umístit odkaz na svou webovou stránku na webovou stránku své sestry Sally Smithové, použije kód Zde klikněte na stránku sestry Sally.

Uložte soubor ve formátu HTML

1.

Klepněte na nabídku "Soubor" v programu Poznámkový blok a vyberte příkaz "Uložit jako". Z rozevírací nabídky "Uložit jako typ" vyberte možnost "Všechny soubory ( . )".

2.

Do souboru "název souboru" zadejte název jednoho slova a přidejte příponu ".HTM" na konec názvu souboru.

3.

Klepnutím na tlačítko Uložit tento soubor Poznámkový blok uložíte jako soubor HTML.

4.

Klepněte pravým tlačítkem myši na ikonu uloženého souboru av rozbalovací nabídce zvolte možnost Otevřít. Vyberte ze seznamu doporučených aplikací aplikaci webového prohlížeče a vyzkoušejte, jak se bude webová stránka zobrazovat, když ji nahrajete na webový server.

Tipy

  • Značka automaticky přidá k čitelnosti trochu většího prostoru mezi předchozím odstavcem a dalším odstavcem. Pokud chcete méně čáry, použijte tag namísto odstavce odstavce pro jednoduchou linku.
  • Chcete-li použít konkrétní styl písma na celou webovou stránku namísto odstavce podle odstavce, použijte značku za značkou v horní části dokumentu. Ve značce definujte písmo pro všechny značky s kódem:
  • p {font-family: verdana;}
  • Soubory s kódem HTML vyžadují formát prostého textu a rozšíření souboru .HTM, aby prohlížeč rozpoznal a spustil kód. Při psaní kódu ručně je důležité používat textový editor, což je důvod, proč je Notepad pro tento úkol ideální. Wordpad a Microsoft Word mohou fungovat také jako editory prostého textu, ale musíte zapamatovat soubor HTML kód jako "Pouze text" v dialogovém okně "Uložit jako". Oba programy připojují příponu ".TXT" k souboru, ale můžete příponu názvu souboru dále změnit na ".HTM" klepnutím pravým tlačítkem na ikonu souboru v Průzkumníku Windows.

Upozornění

  • Při zadávání písma do značky nebo značky nezapomeňte, že prohlížeče mohou zobrazit pouze písma, která jsou k dispozici v operačním systému počítače, který zobrazuje webovou stránku. Pokud počítač nemá písmo, text se zobrazí ve výchozím písmu prohlížeče, obvykle Times New Roman.
  • Pokud se pokusíte zadat HTML kód do aplikace Microsoft Word a uložit dokument jako HTML namísto prostého textu, Word nebude interpretovat HTML kódy a vytvořit webové stránky. Namísto toho Word převede všechny znaky na stránku na zobrazitelný text. Výsledkem je, že všechny HTML značky ve svých špičatých závorkách se zobrazí na vaší webové stránce.
 

Zanechte Svůj Komentář