Laboratorul 1
Limbajul HTML - Introducere
Limbajul HTML este un limbaj ce permite descrierea paginilor web.
- HTML = Hyper Text Markup Language
- HTML nu este un limbaj de programare, ci un limbaj de descriere
- Un limbaj de descriere reprezinta un set de etichete de descriere
- HTML utilizează etichete de descriere pentru a defini pagini web
- Documentele HTML conţin etichete HTML şi text
- Extensia HTM sau HTML?
Sintaxa elementelor HTML
- Etichetele HTML reprezintă cuvinte cheie încadrate de paranteze
unghiulare (Ex: <html>)
- Etichetele HTML apar de obicei sub formă de perechi: <b> şi </b>
- Un element HTML începe cu o etichetă de deschidere/început.
- Un element HTML se termină cu o etichetă de închidere/sfârşit
- Informaţia cuprinsă între eticheta de început şi cea de sfârşit reprezintă
conţinutul elementului HTML
- Unele elemente HTML pot avea conţinut vid (nu au eticheta de sfârşit)
- Marea majoritate a elementelor HTML pot avea atribute
Elemente HTML imbricate şi elemente HTML vide
Marea majoritate a elementelor HTML pot fi imbricate (pot conţine alte
elemente HTML)
Documentele HTML sunt formate din elemente HTML imbricate.
Elementele HTML ce nu au conţinut se numesc elemente vide. Elementele
vide pot fi închise in eticheta de start.
<br> => <br />
Atribute HTML
- Elementele HTML pot avea atribute
o Atribute obligatorii
o Atribute opţionale
- Atributele furnizează informaţii suplimentare despre un anumit element
HTML
- Atributele sunt specificate în eticheta de start a unui element HTML
- Atributele sunt specificate prin intermediul perechilor nume/valoare:
nume="valoare"
<p align="right">Acest paragraf este aliniat la dreapta.</p>
Etichetă început Conţinutul elementului Etichetă sfârşit
<p> Acest element este un paragraf </p>
<a href="homepage.html" > Legatura catre pagina mea </a>
<br />
Reguli XHTML, XML şi versiuni viitoare de HTML
- Toate elementele HTML trebuie închise
- Elementele vide se închid prin adăugarea semnului “/” în eticheta de
start
- Etichetele HTML sunt scrise cu minuscule, deşi ele nu sunt “casesensitive”
Elemente de bază
<html> Defineşte un document de tip HTML
<body> Defineşte corpul unui document HTML
<h1> to <h6> Defineşte titlul unei secţiuni din document
<p> Defineşte un paragraf
<br /> Defineşte trecerea la linie nouă
<hr /> Defineşte o linie orizontală
<!-- --> Defineşte un comentariu
Elemente de tip info
<head> Defineşte informaţii despre documentul HTML
<title> Defineşte titlul documentului
<meta> Defineşte informaţii despre documentul HTML
<base /> Defineşte adresa predefinită sau ţinta predefinită pentru toate
legăturile din pagină
<basefont /> Uzat moral. Defineşte culoarea şi dimensiunea fontului folosit în
mod predefinit
- <html> - defineşte un document de tip HTML
o Toate elementele HTML dintr-un document sunt conţinute de
elementul <html>
o Nu are atribute opţionale
o Nu are atribute de tip eveniment
- <body> - defineşte corpul unui document HTML
o Conţine toate elementele vizibile ale unei pagini web
o Atribute opţionale (uzate moral):
link, alink, vlink, text, bgcolor,
background
o Atribute de tip eveniment acceptate:
onclick, ondblclick, onload, onmousedown,
onmousemove, onmouseout, onmouseover,
onmouseup, onkeydown, onkeypress, onkeyup,
onunload
Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.
