8/17/2019 Lectia 1-Structura Unui Document HTML. Notiuni de Baza

1/7

Lecţia 1: Structura unui document

HTML. Notiuni de baza.

 

1.1 Ce este HTML?

HTML (HyperText Marup Lan!ua!e" Pe parcursul anilor, limbajul a evoluat (HTML – 5, cel mai nou dar nu si foarte folosit),cel mai folosit este HTML 4.

e remarca cateva trasaturi cum ar fi!

• independenta de platforma (modul de afisare al unui document este acelasi,indiferent de computerul pe care se reali"ea"a afisarea)#

• structurarea formatarii#

•  posibilitatile $%perte&t (orice cuvant, ima'ine sau alt element al documentului

vi"uali"at de utili"ator poate face referinta la un alt document, ceea ce usurea"a

navi'area in cadrul aceluiasi document sau intre documente diferite).

a urmarit ca aceste fisiere sa fie editabile cu aplicatii softare nepretentioase (e&.

 *otePad, +ordPad).

n cadrul unui document HTML, un marcaj (ta', in limba en'le"a) va avea forma

. Parante"ele un'$iulare sunt elementele care indica pre"enta unuimarcaj# numele marcajelor poate fi scris oricum, limbajul nefiind sen"itiv la literele

mari-mici (case sensitive). nele marcaje permit utili"area unor atribute care se vor scriein marcajul de inceput!

................

8/17/2019 Lectia 1-Structura Unui Document HTML. Notiuni de Baza

2/7

/roserele vor i'nora marcajele si optiunile pe care nu le recunosc.

1.# Structura unui document HTML

n document HTML 4 are urmatoare structura!

0. o linie continand versiunea HTML

1. sectiunea H23, delimitata de marcajele H236 -H2367. ubsectiunea TTL2 title6titlu site-title6.

4. subsectiunea M2T3

• meta name89:e%ords9 content89cuvinte c$eie;6

• meta name89description9 content89descrierea siteului si a continutului;6

• meta name89aut$or9 content89numele tau sau nic:nameul;6

•meta name89sitemap9 content89sitemap.&ml, all96

5. sectiunea /

8/17/2019 Lectia 1-Structura Unui Document HTML. Notiuni de Baza

3/7

 HTML $.%1 Strict&T&

A

8/17/2019 Lectia 1-Structura Unui Document HTML. Notiuni de Baza

4/7

1.#.# Sectiunea 56&7

2ste inclusa intre marcajele ......  

Marcajul de sfarsit ()-56&7*) nu este obli'atoriu

n sectiunea 56&7 se 'aseste informatia care va fi afisata in broser (te&t, ima'ini, etc.)(.... ).

ectiunea H23 a unui document HTML poate arata in felul urmator!

8/17/2019 Lectia 1-Structura Unui Document HTML. Notiuni de Baza

5/7

Ba in orice limbaj de pro'ramare in HTML e&ista posibilitatea de a introduce comentarii,

folosind marcajul

)899 .... textu' comentariu'ui 99*

LTM;N si T6M;N sunt e&tensii Microsoft (nu functionea"adecat in nternet 2&plorer 7F).

• LTM;N preci"ea"a, Gn pi&eli, mar'inea stan'a a documentului

(distanta dintre fereastra si continutul documentului)#

• T6M;N preci"ea"a, in pi&eli, mar'inea de sus a documentului

(distanta dintre fereastra si continutul documentului)

8/17/2019 Lectia 1-Structura Unui Document HTML. Notiuni de Baza

6/7

n e&emplul de mai sus a aparut un nou marcaj )p* (para'raf). 3laturi de el trebuiementionate marcajele )1*@ )#*@ )A*@ )$*@ )B*@ )* ($eadin's toate necesitamarcaj de inc$idere) care sunt folosite in 'eneral pentru evidentierea titlurilor. (exemp'u)

Pentru formatarea te&tului pot fi folosite si marcajele!

• )b*...)-b*  caractere in'rosate

• )i*...)-i*  caractere inclinate

• )u*...)-u*  caractere subliniate

• )s*...)-s*  caractere 9taiate9

• )pre*...)-pre*  marcajul de informatie preformatata

conserva toata caracterele si spatierile de linii

utili"ea"a un font diferit (Bourier)

• )sup*...)-sup*  e&ponent

• )sub*...)-sub*  indice

• )br*  9rupe9 te&tul, trecand pe o linie noua poate apare oriunde in te&t

• )r*  trasea"a o linie subtire ori"ontala

3cest exemp'u evidentiea"a efectele marcajelor mentionate mai sus.

Marcajul )2ont*...)-2ont*  ofera posibilitatea modificarii dimensiunii, culorii si a tipuluide font utili"at (exemp'u)

ltimele 1 marcaje asupra carora ne vom opri in aceasta lectie sunt marcajele )span* si)di/*(ambele necesita marcaj de inc$idere)!.

• )span* este un marcaj de tip 9inline9. e foloseste in 'eneral in interiorul

marcajelor de tip 9bloc:9 (e&. p6) in combinatie cu stilurile B, pentru aimpune o formatare diferita de restul continutului din marcajul 9bloc:9 respectiv(exemp'u).

• spre deosebire de )span*, marcajul )di/* este de tip 9bloc:9. e foloseste in

'eneral pentru po"itionare in cadrul documentului si pentru specificarea unor proprietati B care sa fie aplicate te&tului din interiorul lui (exemp'u).

.................................

http://www.academiaonline.ro/cursuri/13/headings.htmlhttp://www.academiaonline.ro/cursuri/13/formatare.htmlhttp://www.academiaonline.ro/cursuri/13/font.htmlhttp://www.academiaonline.ro/cursuri/13/span.htmlhttp://www.academiaonline.ro/cursuri/13/div-attribCss.htmlhttp://www.academiaonline.ro/cursuri/13/headings.htmlhttp://www.academiaonline.ro/cursuri/13/formatare.htmlhttp://www.academiaonline.ro/cursuri/13/font.htmlhttp://www.academiaonline.ro/cursuri/13/span.htmlhttp://www.academiaonline.ro/cursuri/13/div-attribCss.html

8/17/2019 Lectia 1-Structura Unui Document HTML. Notiuni de Baza

7/7

 

0. Bonform specificatiilor HTML 4.C0, este recomandata folosireamarcajului )di/* pentru centrarea te&tului, in locul marcajului )center* exemp'u.

1. )di/* poate fi folosit ca un container pentru alte elemente de tip 9bloc:9. 4:emplu! se pot include 1 sau mai multe para'rafe intrun marcaj )di/*,insa pentru a se evita formatarea e&plicita pe fiecare para'raf in parte (e&.

fontul), se va defini stilul de formatare pentru marcajul )di/*, stil care vafi preluat de para'rafele mentionate.

0. Ei"uali"ea"a sursele e&emplelor si comentea"ale in seminarul online

1. ?eali"ea"a o pa'ina HTML (folosind *otePad) care sa includa toate

marcajele pre"entate in aceasta lectie. Ealidea"a pa'ina la adresa

$ttp!--validator.7.or'- 

http://www.academiaonline.ro/cursuri/13/div-align.htmlhttp://validator.w3.org/http://validator.w3.org/http://www.academiaonline.ro/cursuri/13/div-align.htmlhttp://validator.w3.org/