HTML pre začiatočníkov - úvod, 1.diel
HTML pre začiatočníkov - úvod, 1.diel
Seriál o HTML pre začiatočníkov, ktorý vám ukáže a naučí ako tvoriť stránky. Odporúčam tento seriál čítať iba v prípade, ak neviete HTML vôbec resp. neviete tvoriť stránky.
HTML je jazyk pre tvorbu internetových stránok. Pravdepodobne ho neovládate
a preto ste navštívili tento seriál. HTML sa ľahko číta je jednoduché ho
písať, tak začnime bez učenia bezvýznamných pravidiel, ktoré sa naučíte
počas praxi.
Písacie potreby je jednoduché zohnať. Prakticky sú na každom kroku. HTML môžete tvoriť aj v Notepade alebo vo worde. Klasické prípony k HTML súborom sú .htm, .html. Stretnete sa s nimi všade. Stačí ich ukladať v tom formáte. Aby sa vaša stránka zobrazila na servery, tak ju tam musíte musíte dostať. Bežne sa to robí cez FTP alebo je to možné aj cez WebFTP. Prístupové údaje by ste mali získať od vášho poskytovateľa webhostingu. Prvá stránka, ktorá sa užívateľovi zobrazí hneď po zadaní URL bude index.htm alebo index.html(nie vždy platí). Namiesto index sa môže používa aj default ale nie všetky servre to podporujú. Všetko si môžete zmeniť aj sami napr. pomocou .htacess ale to by som odchádzal od seriálu.
Ak už máme vytvorený súbor index.html, tak do neho môžeme začať písať zdrojový kód. Predtým ale upozorním, že syntax má svoj štandard, ktorý neurčujú prehliadače ani firmy ale World Wide Web Consortium. Cieľom tohto seriálu je naučiť váš HTML a nie najnovšie štandardy XHTML, ktoré sa naučíte iba ak budete vedieť HTML.
Toto bude prvý kód resp. prvá stránky, ktorú vytvoríte a zobrazíte vo vašom prehliadači.
Ak ste už niekedy v minulosti tvorili stránky vo WYSIWYG(visuálne editori stránok), tak vám odporúčam ten program odinštalovať a nechať všetko na vašu klávesnicu. Viem, že sa vám to zdá teraz zvláštne ale určite to neskôr pochopíte. S WYSIWYG nikdy neurobíte stránku takú akoby ste ju robili sami pomocou klávesnice a rozumu.
V ďalšom diele budeme pokračovať a ukážeme si pár nových tagov.
Písacie potreby je jednoduché zohnať. Prakticky sú na každom kroku. HTML môžete tvoriť aj v Notepade alebo vo worde. Klasické prípony k HTML súborom sú .htm, .html. Stretnete sa s nimi všade. Stačí ich ukladať v tom formáte. Aby sa vaša stránka zobrazila na servery, tak ju tam musíte musíte dostať. Bežne sa to robí cez FTP alebo je to možné aj cez WebFTP. Prístupové údaje by ste mali získať od vášho poskytovateľa webhostingu. Prvá stránka, ktorá sa užívateľovi zobrazí hneď po zadaní URL bude index.htm alebo index.html(nie vždy platí). Namiesto index sa môže používa aj default ale nie všetky servre to podporujú. Všetko si môžete zmeniť aj sami napr. pomocou .htacess ale to by som odchádzal od seriálu.
Ak už máme vytvorený súbor index.html, tak do neho môžeme začať písať zdrojový kód. Predtým ale upozorním, že syntax má svoj štandard, ktorý neurčujú prehliadače ani firmy ale World Wide Web Consortium. Cieľom tohto seriálu je naučiť váš HTML a nie najnovšie štandardy XHTML, ktoré sa naučíte iba ak budete vedieť HTML.
Toto bude prvý kód resp. prvá stránky, ktorú vytvoríte a zobrazíte vo vašom prehliadači.
<html> <head> <title>Prvá stránka</title> </head> <body> Toto je moja prvá stránka! </body> </html>Prvý tag >html> prehliadaču povie kde sa začína HTML dokument a jeho ukončenie, tak ako u väčšiny tagov vyzerá takto </html>. Pochopiteľne tento tag povie prehliadaču kde HTML dokument skončil. Tag <head> a jeho obsah v prehliadači nevidieť. Sú to hlavičkové informácie. Uzatváranie týchto tagov je vám asi jasné a už to v tomto diely nebudem bližšie popisovať. <title> slúži na zobrazenie názvu stránky v prehliadači. Je to jedna z dôležitých vecí pre SEO. V tagu <body> sa zapisujú tagy, alebo obsah(napr. text), ktorý bude zobrazený v prehliadači. Stránku ukončíme a uložíme ako index.html, prenesieme na webový server a skontrolujeme funkčnosť v internetovom prehliadači.
Ak ste už niekedy v minulosti tvorili stránky vo WYSIWYG(visuálne editori stránok), tak vám odporúčam ten program odinštalovať a nechať všetko na vašu klávesnicu. Viem, že sa vám to zdá teraz zvláštne ale určite to neskôr pochopíte. S WYSIWYG nikdy neurobíte stránku takú akoby ste ju robili sami pomocou klávesnice a rozumu.
V ďalšom diele budeme pokračovať a ukážeme si pár nových tagov.
Alternatívne verzie:
Autor: PaBi3 ·
Kategória: Webdesign ·
Dátum: 02.05.2005 14:29
Vyhľadávanie
Kategórie
Anketa
Používate nejaký PHP framework?
Celkový počet hlasov: 3173
Najnovšie komentáre
Staršie príspevky
Zaujímavé odkazy
W3C, XML
Komentáre
chcela by som sa vas opytat, ci by sta mui vedeli poradit s tvorbou web stranky. Som studentka a mam dv atyzdne; aby som vytvorila web s obrazkami mojej firmy, ktoru prezentujem. Popiste mi kroky od a po Z, ako najjednoduchsie nieco vytvorit...Dakujem moc.
Adka