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 conţine 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 sfârşit de tag

< Nume tag> Text


Tag-uri singulare

î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 / EXECUŢIE / ACTUALIZARE


Limbajul HTML: creare / salvare / încarcare / actualizare
Limbajul HTML: formatarea documentelor
<! Text>comentariu <BR>
BR
<B>text</B> <Big>text</Big>
<I>text</I> <Small>text</Small>
<EM>text</
EM EM>
EM <Hi1-6 [Align=l/r/c]>text</Hi>
<TT>text</
TT TT>
TT <P [Align=r/l/c/j]>text[/P]
<U>text</U> <Center>
Center text</
text Center>
Center
<S>text</S> <Div [Align=l/c/r/j]>Text</
Text Div>
Div
<Sub>
Sub text</Sub>
Sub
<Sup>text</
Sup Sup>
Sup

<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 #FF0000


FF – roşu #0000FF – albastru
#FFFFFF – alb #00FF00
FF – verde #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 fişierului care


conţine imaginea.{GIF, JPEG, TIFF, BMP, WMF, PNG etc}.

<BGSOUND SRC=Nume/adresa fişierului care conţine


fundalul sonor.{MID, WAV, MP3, etc.}

<IMG SRC=Nume/adresa fişierului grafic [HEIGHT=m]


[WIDTH=n] [ALIGN=r/l/c]>

< IMG DYNSRC=Nume/adresa fişierului animat.{MOV,


AVI, MPG, etc.} [HEIGHT=m] [WIDTH=n] >
Limbajul HTML: liste

<OL [Type=t(1, A, a, I, i)] <UL [Type=t(square, circle, disc)]>


[Start=s]> <LI>
<LI> <LI>
<LI> .......
....... </UL>
</OL>

<DL>
DL ... </DL>
DL
<DT>
DT .... </DT>
DT
<DD>
DD ... </DD>
DD
Temă:

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