Učenie HTML časť 1: Výber textového editora na vytváranie dokumentov HTML
Na písanie HTML kódu potrebujete TextEditor. Tento textový editor sa používa nielen pre HTML, ale aj pre iné programovacie jazyky ako CSS, PHP, Pascal atď. Samotné používanie predvoleného programu Poznámkový blok systému Windows je viac než dosť. Keď som bol na strednej odbornej škole, často som používal program Poznámkový blok na vykonávanie webových programovacích úloh, najmä HTML a CSS.
V tomto návode na výučbu HTML dôrazne odporúčame používať program Notepad ++. Notepad ++ je textový editor, ktorý podporuje mnoho programovacích jazykov vrátane HTML. Nielen užívateľsky príjemný, Notepad ++ je tiež veľmi ľahký, takže nezaťažuje výkon vášho počítača.
Začnite vytvárať dokumenty HTML
Najprv si stiahnite softvér tu, potom nainštalujte ako zvyčajne. Potom vykonajte niektoré nastavenia nižšie, aby sa HTML stal predvoleným jazykom. Takže zakaždým, keď chceme vytvoriť nový dokument, už ho nemusíme nastavovať predvolený jazykjeho.
1. Zadajte nastavenie > Preferencie.
2. Potom vyberte Nový dokument, na Predvolený jazyk, vyberte HTML, Potom zvoľte zavrieť ak áno.
3. Kliknutím na ikonu papiera zobrazenú šípkou vytvorte nový dokument.
4. Potom skúste zadať kód HTML nižšie:
<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>
5. V okne Poznámkový blok ++ vyzerá takto:
6. Potom dokument uložte výberom súbor > Uložiť.
7. Uložte na požadované miesto. Napríklad dokument uložím do priečinka Naučte sa HTML podľa mena Dokumen1.
8. Potom dvakrát kliknite na dokument, ktorý bol predtým uložený. Po spustení v prehliadači budú výsledky rovnaké:
Jednou z funkcií programu Poznámkový blok ++ je, že sa mi páči,existencia tejto funkcie (neviem, čo je jej názov). Napríklad, keď zadáme "<h ..", pod ním sa zobrazí niekoľko značiek, ktoré začínajú predponou "<h ..". Táto funkcia vám uľahčí zapamätanie značiek, ktoré sú v HTML.
Písanie HTML kódu
Vyskúšajte si nižšie uvedený druhý kód HTML a nájdite rozdiel:
Prvý článok
<!DOCTYPE html>
<html><head><title>Dokumen HTML</title></head>
<body>Ini merupakan dokumen HTML pertamaku</body></html>
Druhý článok
<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>
Ak si všimnete, druhý článok je omnoho viacúhľadný a príjemný pre oko. Po spustení dvoch kódov HTML však bude výsledok rovnaký. Je to preto, lebo značky v HTML ignorujú medzery.
Okrem toho písanie značiek v HTML tiež nie je malé a veľké písmená čo znamená, že nerozlišuje medzi písaním veľkými alebo malými písmenami, napríklad <p> a <P> sú rovnaké. Napriek tomu sa dôrazne odporúča používať iba malé písmená.
Dobre, úspešne ste spustili dokumentVáš prvý HTML. Ďalej musíte vedieť, aké značky, atribúty a prvky sú v HTML, pretože tieto tri výrazy hrajú dôležitú úlohu pri vytváraní dokumentov HTML.