Sunteți pe pagina 1din 15

LAB 2

• HTML (HyperText Markup Language), oferă structura


și semnificația conținutului prin definirea acestuia.
• Este limbajul pentru descrierea structurii paginilor
Web și oferă posibilitatea să:

• Publicați documente online cu titluri, texte,


tabele, liste, fotografii etc.
HTML • Obțineți informații online cu ajutorl link-urilor de
hipertext, prin apăsarea unui buton.
• Proiectați formulare pentru utilizarea în
căutarea de informații, efectuarea de rezervări,
etc.
• Includeți foi de calcul, clipuri video, clipuri audio
și alte aplicații.
HTML 1991

HTML 2.0 1995


HTML HTML 3.2 1997
versiuni
HTML 4.01 1999

XHTML 2000

HTML5 2014
CSS
• CSS (Cascading Style Sheets), este un limbaj de prezentare utilizat pentru a modela
aspectul conținutului.
• Poate fi folosit pentru descrierea prezentării paginilor web, inclusiv culori, aspect și
fonturi.
• Permite adaptarea prezentării la diferite tipuri de dispositive
• Cele două limbaje - HTML și CSS - sunt independente unul de celălalt și ar trebui să
rămână astfel.
• CSS nu trebuie scris în interiorul unui document HTML și invers.
• De regulă, HTML va reprezenta întotdeauna conținut, iar CSS va reprezenta întotdeauna
modul în care este dispus și afișat acel conținut într-un browser.
Documentele HTML sunt documente de text simplu salvate cu o extensie de fișier
.html și nu cu o extensie de fișier .txt.

Pentru a începe scrierea de cod HTML, este necesar mai întâi un editor de text
simplu.

Doi dintre cei mai populari editori de text simplu pentru scrierea de coduri HTML
și CSS sunt Adobe Dreamweaver și Sublime Text.

Toate documentele HTML au o structură necesară care include următoarele


declarații și elemente: <! DOCTYPE html>, <html>, <head> și <body>.

Configurarea structurii documentului HTML


Structura HTML document
Declarația de tip document sau <! DOCTYPE html> informează
browser-ele web despre ce versiune de HTML se utilizează și
este plasată chiar la începutul documentului HTML.

În urma declarației de tip document, elementul <html>


Configurarea semnifică începutul documentului.

structurii În interiorul elementului <html>, elementul <head> identifică


partea de sus a documentului, inclusiv orice metadate
documentului (informații însoțitoare despre pagină).

HTML Conținutul din elementul <head> nu este afișat propriu-zis pe


pagina web.

În schimb, acesta poate include titlul documentului (care este


afișat în bara de titlu din fereastra browser-ului), linkuri către
orice fișiere externe sau orice alte metadate benefice.
Validarea codului

INDIFERENT DE GRADUL DE ATENȚIE ACORDAT, ÎN EXISTĂ VALIDATORI PENTRU A VERIFICA VALIDAREA CODULUI NU NUMAI CĂ AJUTĂ LA
CELE MAI MULTE SITUAȚII POT APĂREA ERORI LA DOCUMENTELE SCRISE. W3C A CONSTRUIT ATÂT REDAREA CORECTĂ ÎN TOATE BROWSERELE, DAR
IMPLEMENTAREA CODULUI. VALIDATORI HTML, CÂT ȘI CSS CARE VOR SCANA AJUTĂ ÎNVĂȚAREA CELOR MAI BUNE PRACTICI
CODURILE PENTRU GREȘELI. PENTRU SCRIEREA CODULUI.
Elemente

• Elementele definesc
structura și conținutul
obiectelor aflate într-o
pagină.
• Elementele sunt identificate
prin utilizarea unor
paranteze unghiulare, < >,
care conțin numele
elementului.
Tag-uri
• Etichetele apar frecvent în perechi de etichete de
deschidere și de închidere.
• O etichetă de deschidere marchează începutul unui
element:
<a>
• O etichetă de închidere marchează sfârșitul unui element.
</a>
• Conținutul care se încadrează între eticheta de deschidere
și cea de închidere este conținutul acelui element.
• Atributele sunt proprietăți folosite pentru a furniza
informații suplimentare despre un element.
• Atributele sunt definite în eticheta de deschidere,
după numele unui element.
• Cele mai comune atribute includ:

Atribute • atributul id, care identifică un element;


• atributul de clasă, care clasifică un element;
• atributul src, care specifică o sursă pentru
conținutul încorporabil;
• atributul href, care oferă o trimitere la o legătură
hyperlink cu o resursă asociată.
Va afișa textul "Shay Howe" pe pagina web și va conduce utilizatorii
la URL-ul http://shayhowe.com/ prin apăsarea textului "Shay Howe".

Exemplu
Exemplu
Exemplu
Exemplu

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