Sunteți pe pagina 1din 3

HyperText Markup Language

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea
paginilor web ce pot fi afiate ntr-un browser (sau navigator). Scopul HTML este mai degrab
prezentarea informaiilor paragrafe, fonturi, tabele .a.m.d. dect descrierea semanticii
documentului.
Specificaiile HTML sunt dictate de World Wide Web Consortium (W3C).
Introducere
HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura
pagin, utiliznd un software de redare specializat, numit agent utilizator HTML, cel mai bun
exemplu de astfel de software fiind browserul web. HTML furnizeaz mijloacele prin care
coninutul unui document poate fi adnotat cu diverse tipuri de metadate i indicaii de redare.
Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi specificarea
faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus, pn la
scripturi sofisticate, hri de imagini i formulare. Metadatele pot include informaii despre titlul
i autorul documentului, informaii structurale despre cum este mprit documentul n diferite
segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi
legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).
HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor
de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine solide de
HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fi
Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa
fie tratate asemntor cu documetele Word, dar cu observaia c aceste programe genereaz un
cod HTML care este de multe ori de proast calitate.
HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar fi PHP,
JSP sau ASP. Multe aplicaii ca sistemele de gestionare a coninutului, wiki-uri i forumuri web
genereaz pagini HTML.
HTML este de asemenea utilizat n e-mail. Majoritatea aplicaiilor de e-mail folosesc un editor
HTML ncorporat pentru compunerea e-mail-urilor i un motor de prezentare a e-mail-urilor de
acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i multe liste de mail le
blocheaz intenionat.

Noiuni de baz
HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza
paginilor web. Paginile HTML sunt formate din etichete sau tag-uri i au extensia .html sau .htm
.n marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> i alta de
nchidere </eticheta>, mai exist i cazuri n care nu se nchid, atunci se folosete <eticheta />
browserul interpreteaz aceste etichete afind rezultatul pe ecran. HTML-ul nu este un limbaj
case sensitiv (nu face deosebirea ntre litere mici i mari). Pagina principala a unui domeniu este
fisierul index.html respectiv index.htm Aceast pagin este setat a fi afiat automat la vizitarea
unui domeniu. De exemplu la vizitarea domeniului www.nume.ro este afiat pagina
www.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori: <eticheta
atribut="valoare"> ... </eticheta>
Componenta unui document HTML este: 1. versiunea HTML a documentului 2. zona head cu
etichetele <head> </head> 3. zona body cu etichetele <body> </body> sau <frameset>
</frameset>
Versiunea HTML poate fi:
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/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
HTML 5
<!DOCTYPE HTML>
Toate paginile HTML ncep i se termin cu etichetele <html> i </html>. n interiorul acestor
etichete gsim perechile <head>, </head> i <body>, </body>.
head conine titlul paginii ntre etichetele <title> i </title>, descrieri de tip <meta>, stiluri pentru
formatarea textului, scripturi i linkuri ctre fisiere externe (de exemplu scripturi, fiiere de tip
CSS sau favicon).
Etichetele de tip meta conin cuvinte cheie, descrierea paginii, date despre autor, informaii utile
motoarelor de cutare i au urmtorul format: <META NAME="nume" CONTENT="continut">
Exemplu: link ctre un fisier extern CSS: <link rel="stylesheet" type="text/css" href="css.css">
body gzduiete practic toate etichetele afiate de browser pe ecran.
Exemplu: o pagin HTML cu titlul Exemplu iar coninutul Coninut pagin
<html> <head> <title>Titlu</title> </head> <body> Continut pagina </body> </html> i n
HTML poate fi introdus un comentariu, care bineneles nu va fi afiat de browser:
Elementele de marcare[modificare | modificare surs]
Mai jos sunt tipurile de elemente de marcare n HTML:
Marcare structural. Descrie scopul unui text. De exemplu:
<h1>Fotbal</h1>
Direcioneaza browserul pentru a reda "Fotbal" ca pe cel mai important titlu. Marcarea
structural nu are un anumit stil predefinit, dar cele mai multe browsere web au
standardizat modul n care acestea sunt afiate. De exemplu, titlurile importante (h1, h2,
etc.) sunt aldine i mai mari dect restul textului.De notat c "h1" este folosit doar o
singur dat per pagin deoarece cu el este marcat titlul ei.
Marcare pentru prezentare. Descrie cum apare un text, indiferent de funciile sale. De
exemplu:
<strong>ngroat</strong>
Va afia textul "ngroat" cu litere groase, aldine.Not: Html a inceput n ultimii ani s
nceap s nu mai foloseasc acest gen de tag-uri pentru c "b" nu d sens paginii, pe
cnd tag-ul "strong" (adic strong emphasis) d un neles paginii, i mai important,
asemenea tag-uri pentru prezentare doar ncarc o pagin cu informaii i o fac astfel mai
greu de ncrcat, iar apoi dac ataezi un document CSS la pagin, o singur modificare
la CSS (de ex: de la "font-weight:italic" la "font-weight:bold" va schimba tot textul
selectat, i de exemplu, link-urile vor trece de la text nclinat la text ngroat, plus c n
CSS avem avantajul de a putea preciza ct de mari sau mici s fie literele n pixeli px,
n puncte pt, etc.)avem acelai efect ca i cnd am avea de schimbat toate tag-urile de
"i" de pe pagin n tag-uri de "b", munc care chiar i la un website mic este enorm, ce
s mai vorbim de unul de genul wikipedia. Aa c dac vrei s ncepei o carier n html
sau un hobby (i s avei succes) nu folosii aceste taguri, nu degeaba s-a inventat CSS-ul.
Marcare pentru hiperlink. Leag pri ale unui document cu alte documente. De
exemplu:
<a href="http://ro.wikipedia.org/">Wikipedia Romneasc</a>
Va reda Wikipedia romneasc ca hiperlink ctre un URL specificat.
Elemente speciale (widget). Creeaz obiecte, cum ar fi butoanele i listele.
Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS) determin cum coninutul din
interiorul marcatorului va fi prezentat. Ceilali marcatori spun browserului ce obiecte s redea
sau ce funcii s execute.
Tag-uri[modificare | modificare surs]
Orice fiier html are urmtoarea structur
<html>
<head>
<title>Titlul</title>
</head>
<body>

</body>
</html>

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