Curs 2

CURS 2
Structura unui document HTML
Pentru a specifica editorului de text in care lucram ca dorim sa cream o pagina Web, folosindu-ne de
HTML, vom cuprinde tot textul pe care urmeaza sa-l scriem in marcajul <html> …. </html>
Documentul HTML se va sectiona apoi in doua parti:
1.Marcajul de specificare al antetului documentului de tip HiperText: <head>..</head>
Acesta delimiteaza informatiile referitoare la crearea paginii Web, informatii ce nu vor aparea la
vizualizarea paginii respective cu un program de navigare (Internet Explorer),
Marcajul <title>…</title> delimiteaza un nume pe care dorim sa-l dam paginii ce urmeaza sa o realizam
si care va aparea pe bara de stare a programului de navigare,
2. Marcajul de specificare a corpului documentului de tip HiperText: <body>…</body>
Acest marcaj cuprinde continutul paginii Web ce va aparea la incarcarea ei cu un program de navigare
Parametrul bgcolor
Culoarea fundalului paginii se poate stabilii prin valoarea parametrului bgcolor specificat in marcajul
<body>…</body>
Valoarea acestui parametru va fi numele in limba engleza a culorii, incadrat intre ghilimele sau codul
culorii precedat de semnul # si incadrat, de asemenea, intre ghilimele.
<body bgcolor=”blue”>
Continutul paginii
</body>
<body bgcolor=”#ooooFF”>
Continutul paginii
</body>
O culoare se construieste prin combinarea celor trei culori de baza: rosu, verde si albastru(modelul
RGB), iar codul culorii este format din trei grupe, fiecare grupa avand cate 2 caracter.
Fiecare grup de doua caractere reprezinta compozitia din fiecare culoare de baza, astfel #rrggbb.
CURS 2
Valoarea poate fi de la 0 pana la F, facand referire la sistemul de numerotatie hexadecimal
Parametrul background
Se poate utiliza atunci cand dorim ca fundalul paginii sa fie o imagine. Se pune in cadrul tag-ului body
<body background=”sursa.imagine”>…</body.
Daca imaginea pe care doresc sa o folosesc ca si background se afla in acelasi fisier cu programul,
atunci este suficient sa dam ca si sursa pentru imagine denumirea acesteia: “imagine.png”, dar, in caz
contrat, trebuie sa specificam toata calea de acces.
Parametrul text
Stabileste culoarea textului din pagina Web.
Culoarea se poate specifica prin nume sau prin modelul rgb.
<body text=culoare>…</body>
Parametrul link
Parametrul link stabileste culoarea cu care vor fi scrise in text link-urile nevizitate, legaturi cu alte
pagini Web sau link-urile in alte portiuni din pagina curenta. Culoarea se poate specifica prin nume sau
prin modelul rgb.
<body link=culoare> … </body>
Parametrul vlink
Stabileste culoarea cu care vor fi scrise in text link-urile vizitate, legaturi cu alte pagini Web sau link-
urile in alte portiuni din pagina curenta.
Culoarea se poate specifica prin nume sau prin modelul RGB
<body vlink=culoare> … </body>
Parametrul alink
Stabileste culoarea cu care vor fi scrise in text link-urile in curs de vizitare (hover), link-uri ce fac
conexiunea catre o alta pagina web sau catre alte portiuni din pagina curenta.
CURS 2
Culoarea se poate specifica prin nume sau prin modelul RGB.
<body alink=culoare> … </body>
leftmargin, rightmargin, topmargin, bottommargin
Stabilesc marginea si reprezinta distanta in pixeli intre continut si marginea ferestrei browserului. Aceste
atribute sunt pentru Internet Explorer, iar in Netscape Navigator avem doar doua atribute: marginwidth,
marginheight
Formatarea paragrafelor
Trecerea la o linie noua
Trecerea la un rand nou se face folosind tag-ul . El poate fi folosit in combinatie cu parametrul
clear
 ..
 ..
 ..
Introducerea unui nou paragraf
Intr-un document HTML, aceasta actiune se face folosind tag-ul …
Alinierea unui paragraf
Pentru alinierea unui paragraf la stanga, la dreapta sau centrat, putem folosi optiunea align la tag-ul
, optiune ce poate primi ca valoare “left”, “right”, “center”.
Preformatarea unui text
Aceasta se face folosind tag-ul <pre>…</pre>. Aceasta eticheta pastreaza formatarea din documentul
sursa.
Elementul <blockquote>…</blockquote> este destinat introducerii unor citate lungi intr-o pagina de
Web
CURS 2
Acest element este afisat incepand de pe un rand nou, cu spatiu alb suplimentar inainte, dupa, la stanga
si la dreapta elementului.
Formatarea fontului
Un font reprezinta un set de caractere cu un aspect grafic unitar.
Stiluri de afisare
Fiecare font poate fi afisat pe ecran in mai multe feluri, cum ar fi: normal, ingrosat, inclinat sau
subliniat. (, , )
Alte elemente folosite pentru formatul textului sunt:
 … 
….
<tt>…</tt>
<cite>…</cite>
Centrarea textului se face cu <center>
Elementul <q>…<q> este destinat introducerii citatelor inline, adica la afisare, elementul <q> nu incepe
pe un rand nou.
Nivele de titlu
Un alt mod de a pune in evidenta o portiune dintr-un text, dar in mod special nivele de subtitlu al unui
document sunt marcajele <Hn>…</Hn>, unde n poate fi orice cifra intre 1 si 6.
Cel mai inalt nivel este 1, iar apoi nivelul descreste oana al nivelul 6, acesta fiind cel mai mic nivel
Alegerea tipului de font
Pentru alegerea tipului de font cu care dorim sa fie afisat textul folosim marcajul …, impreuna cu
optiunea face ce va primi ca si valoare numele fontului ce intentionam sa il folosim incadrat intre ghilimele si
anume:
text
In exemplul anterior textul va fi scris in fontul Courier daca acesta este disponibil si in fontul Arial daca primul nu
este disponibil.
CURS 2
Dimensiunea caracterelor
Caracterele unei portiuni de text pot fi mai mari sua mai mici, in functie de contextul in care apra.
In documentele de tip HTML schimbarea dimensiunii fonturilor se face adaugand la amrcajul …
optiunea size, optiune care va primi ca valoarea un numar incadra intre ghilimele.
text
Valoarea primita de size poate fi un numar natural de la 1 la 7 ce va reprezenta dimensiunea fontului.
Relativ la dimensiunea curenta a caracterelor, size va primi ca valoare +n daca dorim ca fontul sa fie cu n unitati
mai mare decat dimensiunea default a fontului, sau –n daca dorim ca fontul sa fie cu n unitati mai mic decat
dimensiunea default a fontului.
Daca fontul este ales cu valoarea mai mare ca nr 7 el este scris cu dimensiunea de 7 (dimensiunea fontului maxim)
Alegerea culorii fontului
Culoarea de afisare a unei portiuni de text se poate alege folosind optiunea color ce este specifica tot marcajului
Valoarea acestei optiuni va fi numele in limba engleza a numelui culorii scris intre ghilimele sau valoarea
hexadecimala RGB

Curs 2

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Curs 2

Încărcat de

Drepturi de autor:

Formate disponibile

CURS 2

Structura unui document HTML

Documentul HTML se va sectiona apoi in doua parti:

1.Marcajul de specificare al antetului documentului de tip HiperText: <head>..</head>

2. Marcajul de specificare a corpului documentului de tip HiperText: <body>…</body>

Valoarea poate fi de la 0 pana la F, facand referire la sistemul de numerotatie hexadecimal

Stabileste culoarea textului din pagina Web.

Culoarea se poate specifica prin nume sau prin modelul rgb.

<body link=culoare> … </body>

Culoarea se poate specifica prin nume sau prin modelul RGB

<body vlink=culoare> … </body>

Culoarea se poate specifica prin nume sau prin modelul RGB.

<body alink=culoare> … </body>

leftmargin, rightmargin, topmargin, bottommargin

Introducerea unui nou paragraf

Intr-un document HTML, aceasta actiune se face folosind tag-ul <p>…</p>

Alinierea unui paragraf

Preformatarea unui text

Un font reprezinta un set de caractere cu un aspect grafic unitar.

Alte elemente folosite pentru formatul textului sunt:

Centrarea textului se face cu <center>

Alegerea tipului de font

<font face=”Courier, Arial”>text</font>

<font face=”Courier, Arial”, size=”4”>text</font>

Valoarea primita de size poate fi un numar natural de la 1 la 7 ce va reprezenta dimensiunea fontului.

Alegerea culorii fontului

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