Introducere în HTML – Partea 1

Etichete HTML

Încep cu un exemplu:


<!DOCTYPE html>
<html>
<body>

<h1>Prima mea rubrică</h1>

<p>Primul meu paragraf.</p>

</body>
</html>


Explicarea exemplului:

  • Declarația DOCTYPE definește tipul documentului
  • Textul dintre <html> și </html> descrie pagina web
  • Textul dintre <body> și </body> este conținut vizibil al paginii
  • Textul dintre <h1> și </h1> este afișat ca rubrică (H vine de la heading, adică rubrică în engleză)
  • Textul dintre <p> și </p> este afișat ca paragraf

Declarația <!DOCTYPE html> este sintaxa pentru ultima generație de HTML – HTML5


Ce este HTML?

HTML este un limbaj pentru a descrie pagini web.

  • HTML vine de la Hyper Text Markup Language.
  • HTML nu este un limbaj de programare, este un limbaj de marcare.
  • Un limbaj de marcare este un set de etichete de marcare.
  • Scopul etichetelor este de a descrie conținutul paginilor în care sunt prezente.

Etichete HTML

De obicei, ne referim la etichetele de marcaj HTML cu termenul etichete HTML.

  • Etichetele HTML sunt cuvinte cheie (nume de etichete) înconjurate de paranteze unghiulare ca <html>
  • Etichetele HTML de obicei se scriu în pereche, de exemplu <b> și </b>
  • Prima etichetă din pereche este cea de început (sau eticheta de deschidere), a doua este cea de sfârșit (sau eticheta de închidere)
  • Eticheta de închidere este scrisă la fel ca cea de deschidere, dar cu o bară oblică înainte de numele etichetei.

<tagname>content</tagname>


Elemente HTML

"Etichetele HTML" și "Elementele HTML" sunt adesea folosite pentru a descrie același lucru.

Dar dacă vorbim strict, un element HTML este tot ceea ce avem între eticheta de deschidere și cea de închidere, inclusiv etichetele în sine:

Exemplu de element HTML:

<p>Acesta este un paragraf.</p>

Documente HTML = Pagini Web

  • Documentele HTML descriu paginile web
  • Documentele HTML conțin etichete HTML și text simplu
  • Documentele HTML mai sunt numite și pagini web

Browser-e Web

Scopul unui browser web (Chrome, Internet Explorer, Firefox) este de a citi documentele HTML și a le afișa ca pagini web. Browser-ul nu afișează etichetele HTML, dar se folosesc de acestea pentru a interpreta conținutul paginii:

cod html browser paragraf rubrica


Structura paginii HTML

Mai jos avem vizualizarea structurii unei pagini HTML:

<html>

<body>

<h1>Aceasta este o rubrică</h1>
<p>Acesta este un paragraf.</p>
<p>Acesta este un alt paragraf.</p>

</body>

</html>


Partea 2 »



2 Responses to Introducere în HTML – Partea 1

  1. Web Design spune:

    Salutari :)

    Super ca am gasit un astfel de articol detaliat ! Cititorii , si cei curiosi sigur vor folosi toate sfaturile tale . Felicitarile mele si bafta in continuare !

  2. Lucian spune:

    Ma bucur sa pot ajuta, cat pot si eu. Daca aveam timp scriam mai multe articole, dar din nefericire timpul meu liber tinde spre zero.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *

*


+ 2 = 3

Poți folosi aceste etichete HTML și atribute: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>