| <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 |
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
h3 {
padding: 2px 0.2em;
}// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);if(isset($_POST["field"])) {
echo $_POST["field"];
}We speak english. - Noi vorbim engleza.
Nosotros hablamos español. - Noi vorbim spaniola.