Curs HTML

Forma generala a unei pagini Web


<html> - marcajul HTML de deschidere - indica faptul ca informatia care urmeaza este scrisa in limbajul HTML
<head> -marcajul HEAD de deschidere - de aici incepe antetul paginii
<title>Titlul paginii</title> - marcajele TITLE - aici se scriu cateva cuvinte despre continutul paginii - aceste cuvinte vor apare pe bara de titlu a browserului; daca pagina este adaugata intr-o lista favorita, ele apar ca nume al paginii.
<meta name = "keywords"
content = "... o lista de cuvinte ...">
<meta name = "description"
content ="... o fraza sugestiva ...">
... alte instructiuni: JavaScript,
CSS, etc. ...
- metatag-uri, ajuta motoarele de cautare la indexarea paginii.
- valorile unor atribute, de exemplu "keywords", trebuie incadrate cu ghilimele duble, drepte ( " ), cuvintele cheie din atributul content se scriu separate prin virgula, exemplu: content="cursuri, lectii, jocuri, anime".
</head> - marcajul HEAD de inchidere - aici se termina antetul paginii; cea ce este in antet nu apare in fereastra browserului
<body> - marcajul BODY de deschidere - incepe corpul documentului, de aici este adaugat continutul care va apare in pagina web
... Continut, etichete HTML ... - tot ceea ce apare aici va fi afisat in fereastra browserului
</body> - marcajul BODY de inchidere - indica sfarsitul corpului documentului
</html> - marcajul HTML de inchidere

Instructiunile HTML (numite si controale, marcaje sau tag-uri) incep cu o paranteza unghiulara deschisa < urmata imediat de numele instructiunii, unul sau mai multe atribute ale instructiunii (optional), apoi de o paranteza unghiulara inchisa >.
Majoritatea instructiunilor sunt perechi; cea de inceput se numeste marcaj de deschidere si este de forma:

    <nume_instructiune atribut="valoare_atribut">
iar cea de sfarsit marcaj de inchidere si nu contine atribute sau spatii; este de forma:
    </nume_instructiune>
NU sunt permise spatii decat intre nume de instructiune si atribute. Tot ce se gaseste intre marcajul de deschidere si cel de inchidere va avea caracteristicile elementului respectiv.
Browserul ignora elementele pe care nu le intelege si pe cele scrise gresit.
Exemplu (daca simbolizam spatiul prin _ atunci):


Gresit Rezultat Bine Rezultat
<_h2>text</h2> < h2>text <h2> text </h2>

text

<_font_size = 6 _ color_=_red> text <_/_font_> < font size = 6 color = red> text < / font > <font_size = 6 _ color = red> text </font> text

Index Lectii / Tutoriale


- Tutoriale HTML
2008 - 2012 Webmaster, Webdesigner : MarPlo