Sunteți pe pagina 1din 20

1. <!

DOCTYPE html>

Această etichetă se foloseste la începutul fiecărui document


HTML pe care îl creați. Se asigură că un browser știe că citește
HTML și că așteaptă HTML5, cea mai recentă versiune.Chiar
dacă acesta nu este de fapt un tag HTML, este totuși unul bun de
știut
2. <html>

Aceasta este o altă etichetă care


spune unui browser că citește
HTML. Eticheta <html> merge
imediat după eticheta
DOCTYPE și o închideți cu o
etichetă </html> chiar la
sfârșitul fișierului. Orice
altceva din documentul dvs.
merge între aceste etichete.
3. <head>

Eticheta pornește secțiunea antet a fișierului dvs. Lucrurile


care intră aici nu apar pe pagina web. În schimb, conține
metadate pentru motoarele de căutare și informații pentru
browser. Pentru paginile de bază, eticheta <head> va conține
titlul și cam atât. Dar există câteva alte lucruri pe care le
puteți include, pe care le vom trece peste o clipă.
4. <title>

Etichetă title html Această etichetă setează titlul paginii dvs. Tot ce trebuie să
faceți este să vă puneți titlul în etichetă și să îl închideți astfel (am inclus și
etichetele antetului, pentru a arăta contextul):
5. <meta>

La fel ca eticheta de titlu, metadatele sunt plasate în zona de antet a paginii dvs. Metadatele sunt
utilizate în principal de motoarele de căutare și sunt informații despre ceea ce este pe pagina. Există
o serie de meta câmpuri diferite, dar acestea sunt unele dintre cele mai frecvent utilizate:descriere: o
descriere de bază a paginii cuvinte cheie: o selecție de cuvinte cheie aplicabile paginii dvs.autor:
autorul paginii dvs.vizualizare: o etichetă pentru a vă asigura că pagina dvs. arată bine pe toate
dispozitivele.Iată un exemplu care s-ar putea aplica acestei pagini:
<meta name="description" content="A basic HTML tutorial">
<meta name="keywords" content="HTML,code,tags">
<meta name="author" content="MUO">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Eticheta „viewport” trebuie să aibă întotdeauna „width = device-width, initial-scale = 1.0” ca
conținut pentru a vă asigura că pagina dvs. se afișează bine pe dispozitivele mobile și desktop.
6. <body>

După ce închideți secțiunea antet, ajungeți la corp. O deschideți cu eticheta


<body> și o închideți cu eticheta </body>. Aceasta merge chiar la sfârșitul
fișierului, chiar înainte de eticheta </html>.Tot conținutul paginii web se află
între aceste etichete. Este la fel de simplu pe cât pare:
<body>
Everything you want displayed on your page.
</body>
7. <h1>

Eticheta <h1> definește un antet de nivel 1 pe pagina .Acesta va fi de obicei titlul și, în mod ideal, va fi doar
unul pe fiecare pagină.<h2> definește anteturile de nivel doi, cum ar fi antetele de secțiune, <h3> sub-antetele
de nivel trei și așa mai departe, până la <h6>. De exemplu, numele etichetelor din acest articol sunt anteturile
de nivelul doi.
8. <p>

Eticheta de paragraf începe un nou paragraf. Aceasta introduce de


obicei două întreruperi de linie. De exemplu, la pauza dintre linia
anterioară și aceasta. Asta va face o etichetă <p>.
9. <br>

Eticheta de întrerupere a liniei introduce o singură întrerupere de linie:

<p>The first line.<br>


The second line (close to the first one).</p>
10. <strong>

Această etichetă definește textul important. În general, asta înseamnă că va fi bold. Cu toate
acestea, este posibil să utilizați CSS pentru a face <strong> afișarea textului diferit.Cu toate
acestea, puteți utiliza în siguranță <strong> pentru a îndrăzni textul.
11. <em>

Ca și <b> și <strong>, <em> și <i> sunt înrudite. Eticheta <em> identifică textul
subliniat, ceea ce înseamnă, în general, că va fi cursat. Din nou, există posibilitatea ca
CSS să afișeze textul subliniat diferit.
12. <a>

Eticheta <a> sau ancoră permite să fie create linkuri. Un link simplu arată
astfel:
13. <img>

Pentru a încorpora o imagine în pagina , trebuie utilizata eticheta de imagine. În mod normal, este folosit
împreună cu atributul „src”. Aceasta specifică sursa imaginii, astfel:
14.<video>

Eticheta <video> este utilizată pentru a încorpora conținut video într-un document, cum ar fi un clip
de film sau alte fluxuri video.Eticheta <video> conține una sau mai multe etichete <source> cu surse
video diferite. Browserul va alege prima sursă pe care o acceptă.Textul dintre etichetele <video> și
</video> va fi afișat numai în browserele care nu acceptă elementul <video>.
15. <ol> / <ul>

<ol>Eticheta listă ordonată permite de sa fie creata o listă ordonată. Fiecare articol din listă are nevoie de o etichetă de
articol din listă (<li>).
<ul> Lista neordonată este mult mai simplă decât omologul său ordonat. Este pur și simplu o listă cu marcatori.
16. <table>

15. În timp ce utilizarea tabelelor pentru formatare nu este privită. Sunt necesare mai multe
etichete pentru ca o masă să funcționeze. Iată exemplul de cod HTML:
17.<div>

Eticheta <div> definește o diviziune sau o secțiune dintr-un document HTML.Eticheta <div> este utilizată ca
container pentru elemente HTML - care este apoi stilizată cu CSS sau manipulată cu JavaScript.Eticheta <div> este
ușor de stilizat utilizând atributul class sau id.Orice fel de conținut poate fi introdus în eticheta <div>!
18.<input>

Eticheta <input> specifică un câmp de intrare în care utilizatorul poate introduce date.Elementul <input> este cel
mai important element de formă.Elementul <input> poate fi afișat în mai multe moduri, în funcție de atributul de
tip.
19.<label>

Atributul for al <label> trebuie să fie egal cu atributul id al elementului înrudit pentru a le lega
împreună. O etichetă poate fi, de asemenea, legată de un element prin plasarea elementului în
interiorul elementului <etichetă>.

S-ar putea să vă placă și