PROIECT DIDACTIC

Scoala:Liceul Teoretic Stefan cel Mare Rm Sarat

Clasa: a VIII-a;
Profesor: Clinciu Violeta
Disciplina: TIC (tehnologia informaiei i a comunicaiilor) aria curricular Tehnologii
Unitatea de nvare: Pagini Web
Subiectul: Limbajul HTML
Tipul leciei:lecie de nsuire de noi cunotine
Loc de desfurare: cabinet TIC;
Durata: 50 minute
Nivelul iniial al clasei:
- elevii i-au nsuit toate noiunile legate de utilizarea aplicaiei Internet;
- elevii tiu s utilizeze aplicaia Notepad;
- elevii au formate deprinderi de utilizarea a calculatorului i au un nivel de cunotine corespunztor programei.

Competente genegale: Organizeaz i prelucreaz documente create pentru Web ;

Competente specifice:
- s recunoasc situaiile care impun folosirea aplicaiei Notepad;
- s urmreasc etapele de realizare a unei aplicaii.

Obiective educaionale:
1. Obiective cognitive
- S utilizeze corect noiunile teoretice referitoare la crearea paginilor Web;
- S identifice corect situaiile n alegerea etichetelor;
- S analizeze modul de lucru cu pagini web.
2. Obiective afective
- S aleag corect etichetele;
- S se implice cu plcere i interes la toate etapele leciei;
- S se bucure de rezultatele muncii depuse.
3. Obiective psihomotorii

1
 - S-i formeze deprinderi de lucru specifice temei de studiu;
- S-i dezvolte gndirea logic, capacitatea de generalizare i problematizare.

Obiective operaionale
- S identifice un fiier creat ca pagin web cu Notepad ;
- S defineasc informaiile prezentate ntr-un document web;
- S opereze corect cu comenzile necesare crerii paginii web;
- S utilizeze tehnologia IT pentru realizarea paginilor web.
STRATEGII DIDACTICE
1. Metode de nvmnt
- Exerciiul
- Problematizarea
- Demonstraia
- Brainstorming
2. Forme de organizare
- Frontal
- Individual

3. Resurse materiale
- Fie de lucru
- Calculator
4. Metode de evaluare
- Sumativ
- Continu pe parcursul leciei

Bibliografie: adrese electronice: www.marplo.net/html ; http://www.competentedigitale.ro/html/

Desfasurarea activitatii:

2
 Etapele leciei Competene Coninutul informaional i aplicativ Activitatea de nvare
specifice detaliat Activitatea
profesorului i Activitatea elevului
strategiile folosite
1. Moment organizatoric Asigurarea
condiiilor optime Conversaia, profesorul Elevul de serviciu
2 minute; pentru solicit informaii informeaz diferite aspecte:
desfurarea orei; privind absenii, absenii etc.
motivul absenelor,
primete motivrile de
la unii elevi;
2. Captarea ateniei nsuirea de Profesorul face legtura ntre unitile de Conversaia Identific exemple din
informaii despre nvare anterioare: Notepad, Internet. activitatea curent, care pot
5 minute importanta deveni pagini web
paginilor web
3. Anun titlul leciei i -s identifice un Azi vom incepe studiul unui nou capitol: Noteaz titlul pe tabl Noteaz titlul n caiete
competenele fiier creat ca Crearea paginilor WEB - Limbajul HTML
pagin web cu
3 minute Notepad ;
-s defineasc
informaiile
prezentate ntr-un
document web;
- s utilizeze
tehnologia it
pentru realizarea
paginilor web

4.Transmiterea de noi 1.Definirea HTML (HyperText Markup Language) Conversaia Comunic cu profesorul,
cunotine noiunii HTML este un limbaj utilizat pentru crearea interogativ; noteaz n ce const

3
 paginilor web ce pot fi afiate ntr-un noiunea de limbaj HTML;
25 minute browser (sau navigator).

Limbajul HTML este folosit pentru

prezentarea unui continut (text, imagine,
tabel, list) ntr-o pagin web. Aceste
indicaii pot varia de la decoraiuni minore
ale textului, cum ar fi culoarea sau
sublinierea unui cuvnt ori introducerea
unei imagini, pn la adugarea de
elemente sofisticate, tabele, hri de
imagini, formulare, cadre. Comunic cu profesorul i
Tot ce aveti nevoie este un editor de texte identific aplicaii concrete
simplu, cum ar fi Notepad, si un navigator, pentru fiecare dintre
2. Identific de exemplu Mozilla Firefox, care este Conversaie, expunere; noiunile enumerate;
avantajele gratuit.
utilizrii paginilor 1. Ce este HTML? (Hypertext Markup
Web; Language)
- Este un set de coduri logice care
constituie apariia unui document web i a
informaiilor pe care le deine. Codurile
sunt scrise ntre semnele "<" i ">" , cu
toate c nu sunt chiar paranteze, aa se
numesc i arat aa: < >. Colaboreaz cu profesorul,
3. Identific Cele mai multe elemente (numite si tag- noteaz informaiile noi.
modul de uri) au un element (tag) de deschidere si un Identific situaii care
realizare a paginii element de nchidere distins prin "/" in justific necesitatea
web folosind interiorul parantezei deschise "<". Conversaie prin cunoaterii modului de
etichete Exemplu: descoperire formare a unei pagini Web.

4
 <FONT> ... </FONT>
- Primul cuvnt care apare nuntru "<" se
numete element sau eticheta HTML si
spune browser-ului sa fac ceva, precum
<FONT> Expunere
- Cuvintele care urmeaz dup element n
interiorul "< >"se numesc atribute care
descriu proprietile elementului. Cum ar fi
: culoarea, mrimea, etc.
- Atributele sunt separate prin spaiu si
urmate de semnul egal "=", dup care sunt
scrise, ntre ghilimele (" ") valorile
atributelor.
- Astfel, o eticheta HTML poate contine Urmresc demonstraia
elementul de identificare, atribute si valori. profesorului;
- In urmatorul exemplu elementul este Expunere;
4. Opereaz o FONT atributul COLOR si valoarea
pagin web BLUE:
folosind etichete <FONT COLOR="BLUE">Acest text va
corespunztoare fi albastru</FONT>
Structura documentului HTML
- Un document (fisier) HTML este alcatuit
din mai multe elemente si atributele lor.
- La nceput un element HTML cuprinde
(nconjoar ) datele documentului. Acest
element conine dou sub-elemente Execut realizarea unei
principale: HEAD i BODY. n HEAD se pagini web conform
poate aduga titlul paginii web i alte ndrumrilor profesorului;
elemente numite metatag-uri. n BODY se Demonstraie;

5
 adaug coninutul documentului care va fi
afisat in pagina web.
Exemplu:
5. Crearea unei <html>
pagini web. <head>
<title>Titlul Documentului</title>
</head> Exerciiul;
<body>
Continutul paginii
</body>
</html>
Pentru titluri din continutul documentului
HTML este indicat folosirea etichetelor
<Hx>, (headings) unde 'x' este un numar
intre 1 si 6.
In cadrul elementului BODY, elementele
Headings sunt folosite ca titluri sau pentru
o mai buna impartire a continutului
paginii. Mrimea textului nconjurat de
elementul Heading variaz de la foarte
mare, in <H1> pana la foarte mic in <H6>
Un nou rand <br>
- Tag-ul <br> permite sa decizi unde textul
va incepe un nou rnd, astfel se forteaza
nceperea unui nou rnd.
- <br> este un Element Gol dar poate sa
conin atribut. <br> nu are si nu cere
element de nchidere, nu se foloseste
</br>

6
 <html><head><title>Exemplu</title></he
ad><body bgcolor=gray ><p>Linie
orizontala de culoare albastra si grosime
2<hr color=blue size=3><p><font
face="Arial" color="red" size="4">Textul
este scris cu fontul "Arial", culoare rosie si
marime 7<p><i>Am inserat o Brainstorming;
imagine</i><img src="i7.gif"
border=5></body></html>

5. Realizarea feedback- Consolidarea Scriei urmtoarele coduri html: Distribuie individual Rezolv sarcinile de lucru
ului i asigurarea noiunilor studiate 1. <html> testele elevilor primite;
reteniei <head> Solicit detalii
15 minute <title> desen </title> organizatorice.
</head>
<body>
<pre>
[00]
\/| |\/
_| |_
| |
</pre>
</body>
</html>

2. <HTML>
<HEAD>
<TITLE>PAGINA MEA WEB </TITLE>

7
 <H1>***DATE PERSONALE***</H1>
</HEAD>
<BODY>
<H2> NUME SI PRENUME:...... </H2>
<H3>ADRESA:........</H3>
<H4>DATA NASTERII:......</H4>
<H5>STUDII:........ </H5>

6. Anunarea temei Consolidarea Creai o pagin web folosindu-v de toate Explicaia Elevii i noteaz tema
pentru acas noiunilor studiate noiunile asimilate azi.

Taguri

Marcaje de baza
<HTML> </HTML> Defineste un fisier in format Web
<HEAD> </HEAD> Antetul documentului
<TITLE> </TITLE> Tilul documentului
<BODY> </BODY> Corpul paginii HTML
BGCOLOR =culoare Culoarea de fond a paginii
TEXT=culoare Culoarea textului pe paginii

8
LINK=culoare Culoarea legaturiilor nevizitate din paginii
VLINK=culoare Culoarea legaturiilor vizitate din paginii

ALINK=culoare Culoarea legaturiilor pe durata clicului

exacutat de utilizator
BACKGROUND =url Imaginea de fond pentru pagina
<P> Paragraf
<Hn> <Hn> Nivel de subtitlu al documentului (n = 1-6)
<FONT> </FONT> Specifica atribute ale textului incadrat
SIZE=n Dimensiunea textului este 1-7

FACE="a,b" Specifica fontul: a, daca este disponibil,

sau b

COLOR=s Culoarea textului: fie un nume de culoare ,

fie o valoare RGB
<BR> Linie noua
<PRE> </PRE> Informatie preformatata
<!-- --> Comenatriu HTML
<CENTER>
</CENTER> Centreaza materialul in pagina

<HR> Rigla orizontala

SIZE=x Inaltimea riglei in pixeli
WIDTH=x Latimea riglei in pixeli sau in procente

NOSHADE Dezactiveaza afisarea umbrei pentru rigla

orizontala

ALIGN=x Alinierea riglei orizontala in pagina (left,

center, right)

9
COLOR=x Culoarea riglei orizontale(numai pentru IE)
<A> </A> Marcaj de tip ancora
HREF=url Referinta hipertext
HREF=#nume Referinta catre o ancora interna
Name=nume Definitia unei ancore interne

Marcaje pentru liste

<DD> Descriere definitie
<DL> </DL> Lista de tip definitie

<DT> Termen de definitie

<LI> Element de lista
<OL Lista ordonata (numerotata)
TYPE=tip Tipul numerotarii. Valori posibile: A, a, I, i, 1
START=x Numarul de inceput al listei ordonate
<UL Lista neordonata (marcata)
TYPE=forma Forma marcajului. Valori posibile: circle, square, disc.

10
 Formatarea caracterelor
<B> </B> Afiseaza text cu caractere aldine
<I> </I> Afiseaza text cu caractere cursive
<U> </U> Afiseaza text subliniat
<TT> </TT> Text cu font monospatiu
<CITE> </CITE> Citare bibliogarfica
<CODE> </CODE> Listing de program
<EM> </EM> Stil logic de evidentiere
<KBD> </KBD> Text de la tastatura
<STRONG>
</STRONG> Evidentiere logica puternica

<VAR> </VAR> Program sau variabila

<BASEFONT SIZE Specifica dimensiunea implicita a fontului
=n> din pagina

11
 Marcaje pentru cadre
<FRAMESET>
</FRAMESET> Definirea redactarii paginii

COLS=x Numarul si marimea relativa a coloanelor

ROWS=x Numarul si marimea relativa a liniilor

Specifica starea "on" (activa) sau "off"

BORDER=x (inactiva) pentru chenarul cadrului
FRAMESET (1 sau 0)
FRAMEBORDER =x Specifica marimea chenarului

FRAMESPACING =x Marimea spatiului dintre doua cadre

adiacente
<FRAME> Definitia unui anumit cadru
SRC=url URL-ul sursa pentru cadru

Numele cadrului (utilizat impreuna cu

NAME=nume TARGET=nume ca parte componenta a
marcajului de tip ancora <a>

Defineste optiunea barei de derulare.Valori

SCROLLING=scrl posibile: on(activa), off(inactiva), auto
(automat)

12
FRAMEBORDER=x Marimea chenarului din jurul cadrului

MARGINHEIGHT=x Spatiul suplimentar de deasupra si

dedesubtul unui anumit cadru

MARGINWIDTH=x Spatiu suplimetar la stanga si la dreapta

unui anumit cadru
<NOFRAMES> Sectiunea de pagina afisata pentru
</NOFRAMES> utilizatorii care nu pot vedea un cadru
<IFRAME> Cadru intern (numai pentru (IE)
SRC=url Sursa cadrului
NAME=s Numele ferestrei (util pentru TARGET)
HEIGHT=x Inaltimea cadrului inglobat
WIDTH=x Latimea cadrului inglobat

Marcaje pentru tabele

<TABLE> </TABLE> Tabel HTML
BORDER=x Chenarul tabelului

CELLPADDING=x Spatiul suplimentar in cadrul celulelor

tabelului

CELLSPACING=x Spatiul suplimentar intre celulele

tabelului
WIDTH=x Latimea impusa tabelului
FRAME=valoare Ajustarea fina a tabelului
RULES=valoare Ajustarea fina a riglelor tabelului
BORDERCOLOR Specifica culoarea chenarului tabelului

13
=culoare

BORDERCOLORLIGHT Cea mai deschisa culoare din cele doua

= culoare culori specificate
BORDERCOLORDARK Cea mai inchisa culoare din cele doua
= culoare culori specificate

ALIGN=left Aliniaza tabelul la marginea din stanga a

paginii, iar textul curge in partea dreapta

Aliniaza tabelul la marginea din dreapta

ALIGN=right a paginii, iar textul curge in partea
stanga

HSPACE=x Spatiu suplimetar pe orizontala in jurul

tabelului

VSPACE=x Spatiu suplimetar pe verticala in jurul

tabelului

COLS=x Specifica numarul de coloane ale unui

tabel
<COLGROUP> Defineste un set de definitii de coloane
</COLGROUP> cu ajutorul marcajului <col>

<COL WIDTH=x> Defineste latimea unei coloane

exprimata in pixeli
<THEAD> </THEAD> Defineste titlul tabelului
<BODY> </TBODY> Defineste corpul tabelului
<TR </TR> Linie de tabel

BGCOLOR=culoare Specifica culoarea de fond pentru

intreaga linie

ALIGN=aliniere Alinierea celulelor de pe linia curenta

(left, center, right)

14
<TD </TD> Celula de date a tabelului/font>

BGCOLOR=culoare Specifica culoarea de fond pentru celula

de date

COLSPAN=x Numarul de coloane pe care se intinde

celula curenta de date

ROWSPAN=x Numarul de linii pe care se intinde celula

curenta de date

ALIGN=aliniere Alinierea materialului din cadrul celulei

de date.Valori posibile: (left, right, center)

Alinierea pe verticala a materialului din

VALIGN=aliniere cadrul celulei de date.Valori posibile:
(top, bottom, middle)

BACKGROUND=url Specifica imaginea de fond pentru celula

tabelului

NOWRAP Nu permite despartirea textului pe linii in

cadrul unei celule

ALIGN=baseline Aliniaza celule de date cu linia de baza a

textului adiacent

ALIGN=caracter Aliniaza o coloana fata de un anumit

carcater (caracterul prestabilit este ".")

ALIGN=justify Aliniaza atat marginea din stanga cat si

marginea din dreapta a unui text

Adaugarea imaginilor
<IMG Marcajul de introducere a imaginilor
SRC=url Sursa fisierului grafic
ALT=text Textul alternativ de afisat, daca este necesar

15
 Alinierea imaginii in pagina. Valori posibile: top
ALIGN=aliniere (sus), middle(in mijloc), bottom (jos), left (in
stanga), right (la dreapta)
HEIGHT=x Inaltimea imaginii (in pixeli)
WIDTH=x Latimea imaginii

BORDER=x Chenarul din jurul imaginii, atunci cand aceasta

este utilizata ca hiperlegatura

HSPACE=x Spatiul suplimentar pe orizontala din jurul

imaginii (in pixeli)

VSPACE=x Spatiul suplimentar pe verticala din jurul imaginii

(in pixeli)

Marcaje pentru formulare

<FORM> </FORM> Formular HTML activ

ACTION=url Programul CGI de pe serverul care

receptioneaza datele

METHOD=metoda Modul in care datele sunt transmise

serverului(GET sau POST)
<INPUT Camp de text sau alte date de intrare
Tipul campului de intrare <INPUT>. Valori
TYPE=optiune posibile: text,password,checkbox,hidden,file,
radio,submit,reset,image.
NAME=nume Numele simbolic al valorii campului
VALUE=valoare Continutul prestabilit al campului de text
CHECKED=optiune Buton/caseta marcata in mod prestabilit
SIZE=x Numarul de caractere al unui camp de text

16
SIZE=x Numarul maxim de caractere acceptate
<SELECT>
</SELECT> Grup de casete de validare

NAME=nume Numele simbolic al valorii campului

SIZE=x Numarul de articole de meniu care se

afiseaza odata (prestabilit=1)

MULTIPLE=x Permite selectia unor articole de meniu

multiple

<OPTION Alegerea particulara intr-un domeniu

<SELECT>

VALUE=valoare Valoarea rezultanta a acestei selectii din

meniu
<TEXTAREA>
</TEXTAREA> Camp de intare de tip text pe linii multiple

NAME=nume Numele simbolic al valorii campului

ROWS=x Numarul de linii al casetei de text

COLS=x Numarul de coloane (caractere) pe linie al

casetei de text
<FIELDSET>
</FIELDSET> Imparte formularul in parti logice

<LEGEND>
</LEGEND> Numele asociat setului de campuri (fieldset)

ALIGN=s Specifica alinierea legendei (explicatiei)

afisate (top,bottom,left,right)

TABINDEX=x Specifica ordinea elementelor atunci cand

utilizatorul apasa tasta Tab

ACCESKEY=c Specifica tasta care asigura comanda rapida

de la tastatura asociata unui anumit element
DISABLED Elementul este inactiv, dar este afisat pe

17
 ecran

READONLY Elementul este afisat pe ecran dar nu poate fi

editat

Carcatere speciale
& &amp; ampersand
tilda
< mai mic (less than)
> mai mare (greater than)
simbolul de copyright
simbolul pentru marca inregistrata
a mic cu accent ascutit (acute)
a mic cu accent circiumflex
n mic cu tilda
o mic barat (slash)

18
 HTML avansat

<STYLE> </STYLE> Specifica informatii referitoare modelul de

stiluri
TYPE=val Tipul modelului de stiluri. De regula "text/css"
<SCRIPT>
Include un script de regula Javascript, in
pagina Web
</SCRIPT>

LANGUAGE=limbaj Limbajul utilizat

EVENT=eveniment Eveniment care declanseaza executia unor

scripturi specifice

FOR=numeobiect Numele obiectului din pagina asupra caruia

actioneaza scriptul

19
Marcaje de baz

<HTML> </HTML> Definete un fiier n format Web

<HEAD> </HEAD> Antetul documentului

<TITLE> </TITLE> Tilul documentului

<BODY> </BODY> Corpul paginii HTML

BGCOLOR = culoare Culoarea de fond a paginii

TEXT=culoare Culoarea textului pe pagin

LINK=culoare Culoarea legturiilor nevizitate din pagin

VLINK=culoare Culoarea legturiilor vizitate din pagin

20
 ALINK=culoare Culoarea legturiilor pe durata clicului executat de utilizator

BACKGROUND = url Imaginea de fond pentru pagin

<P> Paragraf

<Hn> <Hn> Nivel de subtitlu al documentului (n = 1-6)

<FONT> </FONT> Specific atribute ale textului ncadrat

SIZE=n Dimensiunea textului este 1-7

FACE="a,b" Specific fontul: a, dac este disponibil, sau b

COLOR=s Culoarea textului: fie un nume de culoare, fie o valoare RGB

<BR> Linie nou

<PRE> </PRE> Informaie preformatat

<!-- --> Comenatriu HTML

<CENTER> </CENTER> Centreaz materialul n pagin

21
 <HR> Rigl orizontal

SIZE=x nlimea riglei n pixeli

WIDTH=x Limea riglei n pixeli sau n procente

NOSHADE Dezactiveaz afiarea umbrei pentru rigla orizontal

ALIGN=x Alinierea riglei orizontale n pagina (left, center, right)

COLOR=x Culoarea riglei orizontale (numai pentru IE)

<A> </A> Marcaj de tip ancor

HREF=url Referin hipertext

HREF=#nume Referin ctre o ancor intern

Name=nume Definiia unei ancore interne

 Text exponenial, superscript. Exp: 23 se scrie 2³

 Tagul subscript. Exp: H2O se scrie H₂O

22
Marcaje pentru liste

<DD> Descriere definiie

<DL> </DL> Lista de tip definiie

<DT> Termen de definiie

<LI> Element de list

<OL> List ordonat (numerotat)

TYPE=tip Tipul numerotrii. Valori posibile: A, a, I, i, 1

START=x Numrul de nceput al listei ordonate

<UL> List neordonat (marcat)

TYPE=form Forma marcajului. Valori posibile: circle, square, disc.

napoi

Formatarea caracterelor

23
 <B> </B> Afieaz text cu caractere aldine

<I> </I> Afieaz text cu caractere cursive

<U> </U> Afieaz text subliniat

<TT> </TT> Text cu font monospaiu

<CITE> </CITE> Citare bibliografic

<CODE> </CODE> Listing de program

<EM> </EM> Stil logic de evideniere

<KBD> </KBD> Text de la tastatur

<STRONG> </STRONG> Evideniere logic puternic

<VAR> </VAR> Program sau variabil

<BASEFONT SIZE = n> Specific dimensiunea implicit a fontului din pagin

napoi

Marcaje pentru cadre

24
<FRAMESET> </FRAMESET> Definirea redactrii paginii

COLS=x Numrul i mrimea relativ a coloanelor

ROWS=x Numrul i mrimea relativ a liniilor

Specific starea "on" (activ) sau "off" (inactiv) pentru chenarul

BORDER=x
cadrului FRAMESET (1 sau 0)

FRAMEBORDER = x Specific mrimea chenarului

FRAMESPACING = x Mrimea spaiului dintre dou cadre adiacente

<FRAME> Definiia unui anumit cadru

SRC=url URL-ul surs pentru cadru

Numele cadrului (utilizat mpreun cu TARGET=nume ca parte

NAME=nume
component a marcajului de tip ancor<a>

Definete opiunea barei de derulare.Valori posibile: on(activ),

SCROLLING=scrl
off(inactiv), auto (automat)

FRAMEBORDER=x Mrimea chenarului din jurul cadrului

25
 MARGINHEIGHT=x Spaiul suplimentar de deasupra i dedesubtul unui anumit cadru

MARGINWIDTH=x Spaiu suplimetar la stnga i la dreapta unui anumit cadru

Seciunea de pagin afiat pentru utilizatorii care nu pot vedea un

<NOFRAMES> </NOFRAMES>
cadru

<IFRAME> Cadru intern (numai pentru IE)

SRC=url Sursa cadrului

NAME=s Numele ferestrei (util pentru TARGET)

HEIGHT=x ntimea cadrului nglobat

WIDTH=x Limea cadrului nglobat

napoi

Marcaje pentru tabele

<TABLE> </TABLE> Tabel HTML

26
BORDER=x Chenarul tabelului

CELLPADDING=x Spaiul suplimentar n cadrul celulelor tabelului

CELLSPACING=x Spaiul suplimentar ntre celulele tabelului

WIDTH=x Limea impus tabelului

FRAME=valoare Ajustarea fin a tabelului

RULES=valoare Ajustarea fin a riglelor tabelului

BORDERCOLOR = culoare Specific culoarea chenarului tabelului

BORDERCOLORLIGHT = culoare Cea mai deschis culoare din cele dou culori specificate

BORDERCOLORDARK = culoare Cea mai nchis culoare din cele dou culori specificate

Aliniaz tabelul la marginea din stnga a paginii, iar textul curge n partea
ALIGN=left
dreapt

Aliniaz tabelul la marginea din dreapta a paginii, iar textul curge n

ALIGN=right
partea stng

HSPACE=x Spaiu suplimetar pe orizontal n jurul tabelului

27
VSPACE=x Spaiu suplimetar pe vertical n jurul tabelului

COLS=x Specific numrul de coloane ale unui tabel

<COLGROUP> </COLGROUP> Definete un set de definiii de coloane cu ajutorul marcajului <col>

<COL WIDTH=x> Definete limea unei coloane exprimat n pixeli

<THEAD> </THEAD> Definete titlul tabelului

<BODY> </TBODY> Definete corpul tabelului

<TR> </TR> Linie de tabel

BGCOLOR=culoare Specific culoarea de fond pentru ntreaga linie

ALIGN=aliniere Alinierea celulelor de pe linia curent (left, center, right)

<TD> </TD> Celula de date a tabelului

BGCOLOR=culoare Specific culoarea de fond pentru celula de date

28
 COLSPAN=x Numrul de coloane pe care se ntinde celula curent de date

ROWSPAN=x Numrul de linii pe care se ntinde celula curent de date

Alinierea materialului din cadrul celulei de date.Valori posibile: (left,

ALIGN=aliniere
right, center)

Alinierea pe vertical a materialului din cadrul celulei de date.Valori

VALIGN=aliniere
posibile: (top, bottom, middle)

BACKGROUND=url Specific imaginea de fond pentru celula tabelului

NOWRAP Nu permite desprirea textului pe linii n cadrul unei celule

ALIGN=baseline Aliniaz celule de date cu linia de baz a textului adiacent

Aliniaz o coloan fa de un anumit carcater (caracterul prestabilit este

ALIGN=caracter
".")

ALIGN=justify Aliniaz att marginea din stnga ct i marginea din dreapta a unui text

Adugaea imaginilor

29
 <IMG > Marcajul de introducere a imaginilor

SRC=url Sursa fiierului grafic

ALT=text Textul alternativ de afiat, dac este necesar

Alinierea imaginii n pagin. Valori posibile: top (sus), middle (n mijloc), bottom
ALIGN=aliniere
(jos), left (n stnga), right (la dreapta)

HEIGHT=x nlimea imaginii (n pixeli)

WIDTH=x Limea imaginii

BORDER=x Chenarul din jurul imaginii, atunci cnd aceasta este utilizat ca hiperlegtur

HSPACE=x Spaiul suplimentar pe orizontal din jurul imaginii (n pixeli)

VSPACE=x Spaiul suplimentar pe vertical din jurul imaginii (n pixeli)

Tabel diacritice

Limba romn folosete cinci litere cu semne diacritice: , , , , . Aspectul i denumirea acestor semne sunt artate n tabelul de mai
jos.

30
 cciul
accent circumflex;
virgul, plasat sub literele corespunztoare s, S, t, T.

valoare cod

&#259;

&#258;

&#226;

&#194;

&#238;

&#206;

&#351;

&#350;

&#355;

&#354;

31