Sunteți pe pagina 1din 12

Limbajul HTML: formatarea paginilor web

Autori:
Prof.dr. Bogdan IONESCU
Conf.dr. Iuliana IONESCU

Limbajul HTML (Hyper Text Markup Language)


Limbajul HTML conine o mare diversitate de comenzi, care poart denumirea specific de
tag-uri sau marcatori.

Tag-uri pereche

< Nume tag> Text < /Nume tag>

nceput de tag

Tag-uri singulare

sfrit de tag

< Nume tag> Text

nceput de tag

Tag-uri cu atribute:
< Nume tag atribut1=valoare1
atribut2=valoare2 ...
atributn=valoaren > Text [< /Nume tag>]
tag

Limbajul HTML (Hyper Text Markup Language)


Structura general a unui document HTML :

CREARE / SALVARE / EXECUIE / ACTUALIZARE

Limbajul HTML: creare / salvare / ncarcare / actualizare

Limbajul HTML: formatarea documentelor


<! Text>comentariu
<B>text</B>
<I>text</I>
<EM>text</
EM>
EM
EM
<TT>text</
TT>
TT
TT
<U>text</U>
<S>text</S>
<Sub>
Sub text</Sub>
Sub
<Sup>text</
Sup>
Sup
Sup

<BR>
BR
<Big>text</Big>
<Small>text</Small>
<Hi1-6 [Align=l/r/c]>text</Hi>
<P [Align=r/l/c/j]>text[/P]
<Center>
Center text</
text Center>
Center
<Div [Align=l/c/r/j]>Text</
Text Div>
Div

<HR [Align=l/r/c] [NoShade] [Size=npixeli]


[Width=mpuncte]>

Limbajul HTML: formatarea documentelor


<MARQUEE [Bgcolor=c] [Direction=l/r]
[Behavior=scroll/slide/alternate]> text</MARQUEE>
<BODY [Bgcolor=c] [Text=t] [Link=l] [Vlink=v] [Alink=a]>
.....
</BODY>
<FONT Color=c Size=s Face=f> Text </FONT>

Obs. Toate valorile atributelor din tag-ul Body se specific dup modelul RGB (#rrggbb)
#000000 negru
#FFFFFF alb

#FF0000
rou
FF
#00FF00
FF verde

#0000FF albastru
#FF00
FF FF violet

Limbajul HTML: formatarea documentelor

Limbajul HTML: formatarea documentelor


Culori accesate prin nume

Limbajul HTML: formatarea documentelor


Coduri de culori

Limbajul HTML: formatarea documentelor


<BODY BACKGROUND=Nume/adresa fiierului care
conine imaginea.{GIF, JPEG, TIFF, BMP, WMF, PNG etc}.
<BGSOUND SRC=Nume/adresa fiierului care conine
fundalul sonor.{MID, WAV, MP3, etc.}
<IMG SRC=Nume/adresa fiierului grafic [HEIGHT=m]
[WIDTH=n] [ALIGN=r/l/c]>
< IMG DYNSRC=Nume/adresa fiierului animat.{MOV, AVI,
MPG, etc.} [HEIGHT=m] [WIDTH=n] >

Limbajul HTML: liste


<OL [Type=t(1, A, a, I, i)]
[Start=s]>
<LI>
<LI>
.......
</OL>

<UL [Type=t(square, circle, disc)]>


<LI>
<LI>
.......
</UL>

<DL>
DL ... </DL>
DL
<DT>
DT .... </DT>
DT
<DD>
DD ... </DD>
DD

Tem: