23. srpna 2011 12:30

1. díl - Ahoj světe

HTML (HyperText Markup Language - HyperTextový značkovací jazyk) je jazyk pro psaní webových stránek. Značkovací proto, protože se skládá z tzv. značek (tagů, elementů). Značka vypadá takto <ZNACKA>. V tomto seriálu vás postupně HTML naučím, a to verzi 4.01.

Ahoj světe

Jako při učení jakéhokoli počítačového jazyka si nejdříve ukážeme, jak napsat prostý text Ahoj světe. Otevřete si Poznámkový blok (Nabídka Start > Všechny programy > Příslušenství) a napište do něj následůjící kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  <title>Moje první stránka</title>
 </head>
 <body>
  <p>Ahoj světe!</p>
 </body>
</html>

Toto uložte jako Ahoj světe.html. Můžete si všimnout, že uložený soubor má ikonku vašeho prohlížeče. Otevřete ho, otevře se vám prohlížeč se stránkou, ve které je napsáno Ahoj světe a její nadpis je Moje první stránka. První stránku v HTML už máte za sebou.

Co jste to vlastně napsali

Na prvním řádku je zapsána deklarace HTML, aby prohlížeč věděl, v jaké verzi HTML má stránku zobrazit. Na dalším řádku je začínající značka <html> a po ní začínající značka hlavičky <head>. Hlavička obsahuje dvě značky. První je <meta>, ve které je zápsáno kódování stránky (co to je zatím nepotřebujete vědět). Druhá je <title>, ve které je zapsán nadpis stránky (v tomto případe Moje první stránka). Následuje ukončovací značka </head> a začínající značka těla stránky <body>. V těle je obsah stránky, který se zobrazí. V našem případě je to odstavec <p> s textem Ahoj světe!. Následuje zakončení těla </body> a stránky </html>.

Vhodný editor

I přesto, že Poznámkový blok vám může připadat dostatečný, rozsáhlý kód v něm bude nepřehledný. Doporučuji vám český PSPad editor. V něm je barevně zvýrazněna syntaxe (značky, vlastnosti ...) a automaticky se v něm dokončují závorky a uvozovky. Navíc v něm lze editovat soubory přes FTP, ale o tom až příště.

Co nás čeká příště

Dnes jsme si ukázali, jak napsat jednoduchou stránku. Příště si ukážeme, jak ji publikovat na internetu, aby si ji mohli prohlédnout i ostatní.

Hodnocení

Celkové hodnocení
20 hlasů
Vaše hodnocení
Vyberte počet hvězdiček

Komentáře

Jméno:
Předmět:
Komentář:
  :):-|:P:D;):(8)[evil][arrow][idea][?][!]
Kontrola:

27.8.2011 23:30:46 Výuka

Moc hezké
těším se na pokračování.

Zuzka
0
0

23.8.2011 22:08:19 Re: Ahoj světe.html

O hostingu to bude příště :) 

Víčko
0
0

23.8.2011 21:15:58 Ahoj světe.html

Akorát by jsi nemusel dávat ty mezery a háčky do názvu souborů.

Při nahrávání na hosting, to natvrdlejší část obyvatelstva nechápe.. :shock: 

Grelek
0
0
© 2011 - 2024 SuperMartas a Tomáš Hypeš