Tutorial HTML – Tags

Un browser citeste absolut tot ceea ce ai scris in documentul HTML. De fiecare data cand gaseste un tag il va trata ca atare si il va reda, ca de exemplu un paragraf, un titlu un tabel sau orice altceva. Tagurile au trei parti dupa cum am mai spus deschiderea, continutul si inchiderea.

Dupa cum vei putea invata mai departe exista sute de taguri HTML. Absolut toate elementele care vor fi redate de un browser au nevoie de un tag sau doua.

<openingtag>Continut</closingtag>
<p>Exemplu un paragraf</p>

Tag-urile se scriu cu litere mici. Acesta este standardul de scriere in XHTML si Dynamic HTML.

Alaturat sunt cateva exemple de taguri in HTML.

<body>Actioneaza ca o capsula asupra continutului.

<p>Paragraf</p>

<h2>Titlu (heading)</h2>

<b>Ingrosat (bold)</b>

<i>Inclinat (italic)</i>

</body>


Exceptii – Tag-uri care nu au nevoie de inchidere

Exista cateva tag-uri care nu indeplinesc modelul anterior aratat. Motivul este ca in realitate aceste tag-uri nu au nevoie de nuci un continut. Datorita acestui fapt se va folosi o maniera modificat de criere a acestor taguri.

Cel mai simplu exemplu este „linebreak”

<br/>

Acest tag a imbinat cele doua taguri, de deschidere si de inchidere, intro forma mult mai simpla si mai eficace de folosit. Line break se foloseste pentru a spune browser-ului ca vrem sa coboram cu o linie mai jos, fara insa a incheia paragraful.

Urmand acest exemplu si alte tag-uri au fost modificate pentru o scriere mai simpla si mai rapida.

<img src=”../img/image.jpg” /> – Image Tag –

<br /> – Line Break Tag –

<input type=”text” size=”12″ /> – Input Field –

Vizualizare


– Line Break –

Dupa cum poti vedea borowser-ul este capabil sa reproduca aceasta imagine atata timp cat furnizam locatia cu ajutorul atributului „scr”. Mai multe despre aceasta in tutorialul urmator.

(Material preluat de pe http://www.tutorialehtml.com)

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s