Noţiuni de bază

HTML este acronimul de la HyperText Markup Language şi reprezintă un limbaj pentru crearea şi marcarea (formatare, aranjare) unui document astfel încât să poată fi publicat pe World Wide Web şi vizualizat cu ajutorul unui browser (Internet Explorer, Netscape, Opera etc.)..

Ce este o pagină HTML?

HTML s-ar traduce printr-un limbaj de marcare, iar o pagină HTML este o pagină în format text care conţine tag-uri de marcare.

Ce sunt tag-uri de marcare?

Tag-urile sunt coduri care "spun" browser-ului cum să afişeze pagina web. Fiecare tag este încadrat de semnele “<“ (mai mic) şi “>“ (mai mare). Tag-urile se închid în ordinea inversă deschiderii lor.

Extensia paginii scrisă în limbajul HTML

Pagina trebuie să aibă obligatoriu extensia .html sau htm (ex. numepagina.html sau numepagina.htm).

Cum poate fi scrisă o pagină web în HTML?

Cel mai simplu mod (pentru utilizatorii de Windows) este scrierea sa într-un editor de text, cum ar fi Notepad (Start/Programs/Accessories/Notepad).

Cum se realizează pagina în HTML?

Prima pagină a oricărui site se numeşte index.html

Ce este DTD?

În momentul în care intraţi pe o pagină web, browser-ul citeşte pagina, iar primul lucru pe care îl face este să caute DOCTYPE-ul sau elementul care ajută la redactarea corectă a site-ului. Aşadar DOCTYPE este un document care oferă browser-ului informaţia necesară pentru a afişa pagina corect.

<!DOCTYPE...> pentru verisunea HTML 4.01:

HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">

Observaţie!

<!DOCTYPE...>(dacă alegeţi să-l utilizaţi) se pune chiar la înainte de <HTML>.

Elemente de bază

Orice pagină web (document HTML) are în structură trei elemente obligatorii: un element numit HTML, care cuprinde întregul document şi două sub-elemente ale acestuia: HEAD (antet, cap) şi BODY (corp).

  • Tag-ul <html> este primul tag care trebuie să apară într-un fişier HTML. El va încadra alături de tag-ul său corespunzător de închidere </html> întreaga pagină web.
  • Tag-ul <head> va marca partea de antet a paginii web. Are tag corespunzător de închidere </head>.
  • Tag-ul <body> va încadra conţinutul paginii web. Are tag corespunzător de închidere </body>.
  • Tag-ul <title> marchează titlul unui document HTML, cel care va fi afişat în bara de titlu a browser-ului. Acest tag se foloseşte numai în interiorul tag-ului HEAD. Dacă acest tag lipseşte, atunci în bara de titlu va apărea numele fişierului. Are tagul corespunzător de închidere </title>.
  • Tag-ul <meta> este folosit pentru descrierea paginii web şi conţine cuvinte cheie cum ar fi: descrierea paginii, date despre autor, informaţii utile motoarelor de căutare etc. Are următorul format.
<meta nume="nume" content="conţinut">
  • nume – specifică numele informaţiei suplimentare
  • conţinut – defineşte conţinutul informaţiei suplimentare

Observaţie!

Tag-ul <meta> se pune întotdeauna în secţiunea <head>.

Iată un model de cod sursă a unui document HTML în care s-au folosit tag-urile studiate până acum:

sursa1

Din exemplu anterior se poate observa că pagina HTML are deja un titlu şi în corpul ei apare un mesaj ca în imaginea de mai jos

exemplu1

formatare