Vytvorenie dokumentu HTML

Vytvorenie dokumentu HTML

Návod ako si vytvoriť dokument s príponou .html pre začatie tvorby webovej stránky.Vaša stránka pred nahraním do rootu bude mať názov index.html alebo index.htm My budeme používať bežný index.html

Ako vytvorím index.html ?

Keďže pracujeme s editorom PSPad budem písať návod pre tento editor+obrázkový postup.

Môžete pracovať aj v základnom notepade,ale keďže my sme pohodlný budeme pracovať v editore,ktorý nám bude farebne vyznačovať farebne syntax HTML kódov :-)

 


 1. Otvoríme si PSPad Po otvoreni budeme vidieť stránku do ktorej budeme programovať

Vytvorenie dokumentu HTML

2. Hore v ľavom rohu klikneme na Súbor>Uložiťako…

Vytvorenie dokumentu HTML

3. Otvori sa nam okienko. Dole bude písať názov súboru tam napíseme index.html a dáme uložiť.

Vytvorenie dokumentu HTML4. Fuh to bola ale drina čo :-)?

 

Tak dokument máme vytvorený,ten budeme používať na tvorbu našej stránky v tutoriáloch kde budeme zapisovať HTML značky. Časom budeme používať aj dokumenty s inými názvami napríklad kontakt.html. Ale ako prvý potrebný mať tento index.html. Prečo ma názov index a kvôli čomu je tak potrebný si napíšeme neskôr.

Aby sme dokument nemali prázdny,vložíme si doň len definícu ktorú by mal každý dokument obsahovať. Prehliadače si takmer na 100% poradia aj v prípade, že neuvediete typ-definícu dokumentu ale my ju tam vložíme.

Ak robíme stránku kde budeme používať HTML5 tak definícia pre HTML5 je

<!doctype html>

Tento riadok sa vklada úplne hore na riadok 1

My budeme používať základne HTML  4 kde definície pre tento jazyk su vaiceré ale my môžeme spokojne používať tento

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

 

Takže si otvoríme index.html ktorý sme si vytvorili a hneď na prvý riadok napíšeme definíciu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

V dokumente to bude vyzerať takto:

Vytvorenie dokumentu HTML

Tak najdôležitejšie ktorky máme za sebou,teraz sa môžte pusťiť do Tutoriálov k tvorbe vlastnej webovej stránky kliknutím SEM

Komu sa index nepodarilo vytvoriť stiahnite si ho pocitacovyexpert.6f.sk

Pridaj komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *