<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="viewport" content="width=device-width, initial-scale=1" /> <meta name = "description" content ="... o fraza sugestiva ..."> ... alte instructiuni: cod JavaScript, cod CSS, etc. ... |
- metatag-uri, ajuta motoarele de cautare la indexarea paginii si stabilirea redarii continutului. - "viewport" e pentru ajustarea designului pt. dispozitive mobile - "description" - o descriere a paginii in maxim 160 caractere. |
</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.
Gresit | Rezultat | Bine | Rezultat |
---|---|---|---|
<_h2>text</h2> | < h2>text | <h2> text </h2> |
text |
<_h4 _ style=color:red> text </_h4_> | < h4 style=color:red> text </ h4 > | <h4 style="color:red"> text </h4> |
text |
<img src="image.jpg" usemap="#map1"> <map name="map1"> <area shape="rect" coords="9, 120, 56, 149" href="#"> <area shape="rect" coords="100, 200, 156, 249" href="#"> </map>
#id { overflow: auto; }
document.getElementById("id").onmouseover = function(){ document.write("Sa ai Viata Buna"); }
if(isset($_GET["id"])) { echo $_GET["id"]; }
Marc is the boy who won the prize. - Marc e baiatul care a castigat premiul.
Voy a ver al pintor de quien les hablé ayer. - Ma duc sa vad pictorul despre care ti-am vorbit ieri.