HTML pre začiatočníkov

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.

<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

Komentáre

#1 Los.Pavlos E-mail

00.00.0000 00:00

Xhtml sa dá naučiť aj bez znalosti html, pretože sú prakticky rovnaké, len xhtml je zlepšením.

IP adresa: 127.0.0.1

[Reagovať]

#2 admin Web E-mail

00.00.0000 00:00

Samozrejme ale ja odporúčam sa naučiť najprv HTML aby mali najprv základy s toho najzákladnejšieho. XHTML nieje o nič ťažšie a je to v podstate to isté iby sú v ňom menšie rozdieli konkrétne v syntaxi najväčšie rozdieli.

IP adresa: skrytá

[Reagovať]

#3 pjotr Web E-mail

00.00.0000 00:00

Áno, to je pravda.

IP adresa: 127.0.0.1

[Reagovať]

#4 athal E-mail

00.00.0000 00:00

diky moc, ze ste nieco taketo spravili, lebo teraz robim moju prvu webovu stranku a strasne sa tesim, ako bude vyzerat.

IP adresa: 127.0.0.1

[Reagovať]

#5 LiTs Web E-mail

04.01.2006 15:23

Já si nemyslím že by bylo lepší se učit nejdřív HTML a pak přecházet na XHTML. Když otom někdo neví nic, tak je mu jedno co se začne učit, tak ať de rovnou do XHTML, a nebude mít roblém. Když bude dělat nejdřív HTML zažije si věci, které jsou v XHTML nemyslitelné a bude s tím mít jenom zbytečné problémy, stejně jako já [wink] (např: Zažit si po přechodu z HTML na XHTML, že nexistuje nepárový tag dá celkem dost práce a nadáváí)

IP adresa: 62.245.115.193

[Reagovať]

#6 Adka E-mail

07.10.2008 14:15

Dobry den,

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

IP adresa: 193.48.131.249

[Reagovať]