TEMA 3 TEMA 3

IMAGINI
Imaginile sunt stocate in fisiere in diverse formate grafice. Formate
acceptat de browsere pentru fisierele-imagine sunt:
GIF (Graphics Interchange Format) cu extensia .gif;
!"G (oint !hotographic "xperts Group) cu extensia .#peg sau .#pg;
$!% ($ !ix%ap) cu extensia .xmp;
$&% ($ &it%ap) cu extensia .xbm;
&%! (&it%ap) cu extensia .bmp (numai cu Internet "xplorer);
'IFF ('agged Image File Format) cu extensia .tif sau .tiff;
(ele mai raspandite formate sunt GIF ()biti pentru o culoare* +,-
culori posibile) si !"G (+.biti pentru o culoare* /-000+/- de culori
posibile).
Adresa URL a unei imagini
123 (41niform 2esourse 3ocator4 5 identificator unic al resursei) este
un standard folosit in identificarea unica a unei resurse in Internet.
'oate imaginile cu care vom lucra vor avea adresa 123 exprimata in
functie de directorul ce contine documentul 6'%3 care face referire la
imagine.
Pentru a insera o imagine intr-o pagina HTML* se utili7ea7a
eticheta <img> (de la 4image45imagine).
!entru a putea fi identificata imaginea care va fi inserata* se
utili7ea7a un atribut al etichetei <img> si anume src (de la
4source45sursa).
8aca imaginea se afla in acelasi director cu fisierul 6'%3 care face
referire la imagine* atunci adresa 123 a imaginii este formata numai
din numee imaginii* inclusiv e!tensia.
9html:
9head:
9title: ; pagina cu imagine9<title:
9<head:
9bod=:
; pagina care contine o imagine
<img src"4..<..<images<teac#er$gi%4> 'ext dupa imagine.
16
9<bod=:
9<html:

&#enaru si dimensionarea unei imagini
8aca doriti sa adaugati un chenar in #urul imaginii* folositi atributul
'order al etichetei <img>$
>alorile acestor atribute sunt numere intregi po7itive.
; imagine are anumite dimensiuni pe ori7ontala si verticala* stabilite
in momentul crearii ei.
8aca nu se cere altfel* aceste dimensiuni sunt respectate in
momentul afisarii ei in pagina ?eb.
8imensiuniile prestabilite ale unei imagini pot fi modificate prin
intermediul atributelor (idt# si #eig#t.
9html:
9head:
9title: Imagine marita si cu chenar9<title:
9<head:
9bod=:
; imagine cu chenar* de +@@ pixeli $ /, A
<img src"4..<..<images<teacher.gif4 'order", (idt#"B,@
#eig#t"+,A: 'ext dupa imagine.
9<bod=:
9<html:

Ainierea unei imagini
Clinierea unei imagini se poate face prin intermediul atributului aign
care poate lua urmatoarele valori:
4e%t4 - aliniere la stanga; celelalte componente sunt dispuse pe
partea dreapta;
4rig#t4 - aliniere la dreapta; celelalte componente sunt dispuse pe
partea stanga;
4top4 - aliniere deasupra; partea de sus a imaginii se alinia7a cu
partea de sus a textului ce precede imaginea;
4midde4 - aliniere la mi#loc; mi#locul imaginii se alinia7a cu linia de
ba7a a textului ce precede imaginea.
4'ottom4 - aliniere la ba7a; partea de #os a imaginii se alinia7a cu linia
de ba7a a textului.
9html:
9head:
17
9title: Clinierea unei imagini9<title:
9<head:
9bod=:
Clinieri:
9br: !e verticala:
<img src"4..<..<images<teacher.gif4 aign"top>
3a mi#loc: <img src"4..<..<images<teacher.gifD aign"middle>
os: <img src"4..<..<images<teacher.gif4 aign"4bottom4> 'ext dupa
imagine.
9<bod=:
9<html:

Ainierea te!tuui in )uru imaginii
Ctributele #space si *space preci7ea7a distanta in pixeli pe
ori7ontala* respectiv pe verticala* dintre imagine si restul elementelor
din pagina.
Ctributul at admite ca valoare un text care va fi afisat in locul imaginii.
9html:
9head:
9title: Clinierea textului9<title:
9<head:
9bod=:
9h.:Imagine aliniata la stanga incon#urata de text la distanta de B@
de pixeli.
9<h.:9p: 'ext inainte de imagine.'ext inainte de imagine.'ext
inainte de imagine.'ext inainte de imagine. 'ext inainte de
imagine.'ext inainte de imagine.'ext inainte de imagine.'ext inainte
de imagine.
<img src"4..<..<images<teacher.gif4 aign"left #space"B@ *space"B@
at"D1niversitatea de >est 'imisoaraD>
'ext dupa imagine.'ext dupa imagine.'ext dupa imagine.'ext dupa
imagine.'ext dupa imagine. 'ext dupa imagine.'ext dupa
imagine.'ext dupa imagine.'ext dupa imagine.'ext dupa imagine.
9<bod=:
9<html:

Imagini pentru %ondu unei pagini
18
; imagine poate fi utili7ata pentru a stabili fondul unei pagini ?eb. In
acest scop se foloseste atributul 'ac+ground al etichetei <'od,>*
avand ca valoare adresa 123 a imaginii.
Imaginea se multiplica pe ori7ontala si pe verticala pana umple
intregul ecran.
9html:
9head:
9title: !agina cu imagine de fond9<title:
9<head:
9bod= 'ac+ground"4..<..<images<teacher.gif4>
/9br:+9br:B9br:.9br:,9br:-9br:09br:)9br: E9br: 9<bod=:
9<html:

Imagini %oosite ca egaturi
; legatura (linF) introduce in pagina ?eb o -ona acti*a.
"fectuand clicF cu butonul mouse-ului pe aceasta 7ona* in browser se
va incarca o alta pagina.
!entru a utili7a imaginea .teac#er$gi%. drept legatura catre pagina
inde!$#tm utili7am sintaxa:
<a #re% "4index.html4><img src" 4..<..<images<teacher.gif 4></a>
In mod prestabilit imaginea utili7ata pe post de 7ona activa este
incon#urata de un chenar avand culoarea unei legaturi.
8aca stabilim pentru atributul 'order al etichetei 9img: valoarea @
acest chenar dispare.
9html:
9head:
9title: Imagini folosite ca legaturi9<title:
9<head:
9bod=4:9h.:Imagini folosite ca legaturi9<h.:
'ext inainte de imagine. <a #re%"4index.html4><img
src"4..<..<images<teacher.gif 4></a>
'ext dupa imagine.
9<bod=:
9<html:

LEGATURI
19
3agaturile (linF-urile) repre7inta partea cea mai importanta a unei
pagini ?eb.
"le transforma un text obisnuit in hipertext sau text cu hiperlegaturi*
care premite trecerea rapida de la o informatie aflata pe un anumit
server la alta informatie memorata pe un alt server aflat oriunde in
lume.
3egaturile sunt 7one active intr-o pagina ?eb* adica 7one de pe
ecran sensibile la apasarea butonului stang al mouse-ului.
0 egatura catre o pagina a%ata in aceasi director
; legatura catre o pagina aflata in acelasi director se formea7a cu
a#utorul etichetei <a> (de la .anc#or."ancora).
!entru a preci7a pagina indicata de legatura se utili7ea7a un atribut al
etichetei 9a: numit #re% (de la #=pertext re%erence)* care ia ca
valoare numee fisierului 6'%3 aflat in acelasi director. Gona activa
care devine sensibila la apasarea butonului stang al mouse-ului este
formata din textul cuprins intre etichetele <a>$$$</a>.
!re7enta etichtetei de sfarsit </a> este obligatorie.
9html:
9head:
9title: (omutarea intre doua pagini9<title:
9<head:
9bod=:
9hB:!agina / 9<hB:
<a #re%"4legHex+.html4>
3inF catre pagina + </a>
9<bod=:
9<html:

9html:
9head:
9title: (omutarea intre doua pagini9<title:
9<head:
9bod=:
9hB:!agina + 9<hB:
<a #re%"4legHex/.html4>
3inF catre pagina / </a>
9<bod=:
9<html:

0 egatura catre o pagina a%ata pe discu oca
20
8aca pagina referita se afla pe acelasi disc local* dar intr-un alt
director atunci pentru a preci7a po7itia ei in structura de directoare se
poate folosi adresarea relativa.
9html:
9head:
9title: (omutarea intre doua pagini aflate pe acelasi disc local9<title:
9<head:
9bod=:
9hB:!agina B 9<hB:
<a #re%"4..<..<exemple<list<listexH//.html4>
3inF catre o pagina cu liste 9<a:
9<bod=:
9<html:

0 egatura catre un site din 1e'
In exemplul urmator se utili7ea7a adresa 123 www.=ahoo.com care
incarca pagina de start din site-ul firmei Iahoo.
9html:
9head:
9title: 3inF catre site-ul firmei Iahoo9<title:
9<head:
9bod=:
9hB:3inF catre site-ul firmei Iahoo 9<hB:
<a #re%"4http:<<www.=ahoo.com4>
Iahoo </a>
9<bod=:
9<html:

Ancore catre etic#ete din aceasi pagina HTML
Intr-o pagina foarte lunga pot exista puncte de reper catre care se
stabilesc legaturi.
; ancora se defineste de asemenea prin eticheta <a>$ !entru a defini
ancora se utili7ea7a atributul name care primeste ca valoare un
nume atribuit ancorei (de exemplu 4ancora14).
!entru a insera o legatura catre 4ancora/4 definita in aceeasi pagina
se utili7ea7a eticheta 9a: avand atributul #re% de valoare .2ancora1..
!entru a introduce o legatura catre o ancora definita in alt document
(alta pagina) aflat in acelasi director* atributul #re% primeste o valoare
de forma .numeHfisier.html2numeHancora..
21
9html:
9head:
9title: Cncore definite in acelasi document si in alt doocument9<title:
9<head:
9bod=:
9hB:Cncore definite in acelasi document si in alt document 9<hB:
<a #re%"4Jancora/4>
3inF catre ancora / 9<hB:
<a #re%"4..<..<legaturi.htmlJancora+4>
3inF catre o ancora din alt document 9<a:
9br: /9br:+9br:B9br:.9br: ,9br:-9br:09br:)9br:
E9br:/@9br://9br:/+9br: /B9br:/.9br:/,9br:/-9br:
/09br:/)9br:/E9br:+@9br: +/9br:++9br:+B9br:+.9br:
<a name"4ancora/4>ancora /
9<bod=:
9<html:

Ancore de%inite prin atri'utu I3
Ctributul id este un atribut universal* adica poate fi atasat oricarui
element al unei pagini ?eb.
Ccest atribut va inlocui complet atributul name* care putea fi atasat
numai anumitor elemente.
Ctributul id primeste ca valoare un nume (de exemplu 4id/4) care
identifica in mod unic un element.
Ctributul id poate fi utili7at pe post de ancora intr-o pagina ?eb
conform sintaxei:
<eticheta id " .id1.> $$$ </eticheta>
<a #re% " .2id4. >3inF catre elementul 4id/4 </a>
unde 4eticheta4 poate fi orice element.
Aegerea cuorior pentru egaturi
In mod prestabilit se utili7ea7a trei culori pentru legaturi:
- o culoare pentru legaturile ne*i-itate (nu s-a efectuat nici un clic pe
ele)
- o culoare pentru legaturile *i-itate (s-a efectuat cel putin un clic pe
ele)
- o culoare pentru legaturile acti*e (deasupra carora se afla mouse-ul
la un moment dat).
Cceste atribute pot fi stabilite cu a#utorul a trei atribute ale etichetei
9bod=::
in+ pentru legaturile nevi7itate;
*in+ pentru legaturile vi7itate;
22
ain+ pentru legaturile active.
>alorile pe care le pot lua aceste atribute sunt culori definite prin
nume sau conform standardului RG5.
9html:
9head:
9title: (ulori pentru lagaturi9<title:
9<head:
9bod= in+".blue4 *in+"4green4 ain+"4red4:
9hB:Ketarea culorilor pentru linF-uri:9br:rosu pentru legaturi active*
verde pentru legaturi vi7itate si albastru pentru legaturi nevi7itate
9<hB:
9a href5legHex/.html:
3inF catre pagina / 9br:
9a href5legHex+.html:
3inF catre pagina + 9br:
9a href5legHex//.html:
3inF catre pagina // 9<a:
9<bod=:
9<html:

Utii-area postei eectronice
Intr-o pagina ?eb se pot afla legaturi care permit lansarea in executie
a aplicatiei de expediere a mesa#elor electronice.
!entru aceasta se utili7ea7a in constructia adresei 123 serviciul
Internet maito6 urmat de o adresa e-mail valida.
!entru ca exemplul urmator sa functione7e trebuie ca:
pe calculator sa fie instalat o aplicatie de expediere a mesa#elor
electrionice (;utlooF "xpress pe ?indows * !ine pe 1nix);
adresa sa fie valida si calculatorul sa fie conectat la Internet.
9html:
9head:
9title: "xpediere de mesa#e electronice9<title:
9<head:
9bod=:
9hB:"xpediere de mesa#e electronice9<hB:9br:
<a #re%"4maito6numeL=ahoo.com4>
%esa#e catre autorul paginii 9<a:
9<bod=:
9<html:

23
Legaturi catre %isiere a%ate oriunde pe 1e'
; pagina ?eb poate contine legaturi catre orice tip de fisiere aflate
pe orice servere din Internet. !entru aceasta se utili7ea7a eticheta
9a: avand valoarea atributului #re% egala cu adresa 123 a fisierului
destinatie.
Ctunci cand se efectuea7a clic pe legatura din exemplul urmator*
browserul deschide o caseta de dialog - 7ie do(noad - care va
permite:
sa salvati fisierul pe discul local sau sa lansati in executie aplicatia
capabila sa interprete7e corect fisierele de tipul respectiv:

9html:
9head:
9title: 3egaturi catre fisiere oarecare9<title:
9<head:
9bod=:
9hB:3egaturi catre fisiere oarecare9<hB:9br:
<a #re%"4fisier.7ip4>
3inF catre fisierul fisier.7ip 9<a:
9<bod=:
9<html:

Atri'utu tite
Ctributul tite apartine etichetei 9a: si comanda aparitia unei mici
ferestre in pagina ?eb cand mouse-ul se afla pe o legatura (linF).
Ccest atribut are astfel menirea de a furni7a informatii suplimentare
despre semnificatia unei legaturi.
9html:
9head:
9title: Ctributul title9<title:
9<head:
9bod=:
9hB:Ctributul title9<hB:9br:
<a #re%"4mailto:numeL=ahoo.com4 tite"4adresa mea de e-mail4>
%esa#e catre autorul paginii 9<a:
9<bod=:
9<html:

Legaturi catre %isiere de sunet
Kunetele pot fi stocate in fisiere in diverse formate:
C1<m-law cu extensia .au;
24
CIFF<CIF( cu extensiile .aiff* .aif;
?C>"<?C> cu extensia .wav;
%!"G Cudio cu extensia .mpegB* sau .mpB;
%I8I cu extensia .mid sau .midi;
; legatura catre un fisier de sunet se reali7ea7a folosind eticheta 9a:
destinata legaturilor catre orice tip de fisiere* unde atributul #re% va
avea valoarea egala cu adresa 123 a fisierului de sunet.
8e exemplu:
9a href54nume-%isier$mp34:3inF catre fisierul de sunet9<a:
Legaturi catre %isiere *ideo
Fisierele video sunt stocate in fisiere de diverse formate. Formatele si
extensiile corespun7atoare pentru fisierele utili7abile in paginile ?eb
sunt urmatoarele:
%!"G cu extensia .mpeg sau mpg;
MuicF'ime cu extensia .mov;
C>I cu extensia .avi.
; legatura catre un fisier video se reali7ea7a folosind eticheta 9a:
destinata legaturilor catre orice tip de fisiere* unde atributul #re% va
avea valoarea egala cu adresa 123 a fisierului video.
8e exemplu:
9a href54nume-%isier$a*i4:3inF catre fisierul video9<a:


LI8TE
1nul din cele mai obisnuite elemente din documentele 6'%3 este un
set de definitii* referinte sau indexuri. Glosarele sunt exemple clasice
in acest sens; cu*intee sunt listate in ordine alfabetica* urmate de
de%initii ale termenilor respectivi. In 6'%3* intreaga sectiune a unui
glosar va fi gestionata printr-o lista de definitii* care este inclusa intr-o
pereche de marca#e de lista de definitii: <d>$$$</d> (de la 4definition
list4 5 lista de definitii).
;bservatii:
-1n termen al listei este initiat de eticheta <dt> (de la 4definition term4
5 termen definit);
-8efinitia unui termen este initiata de eticheta <dd> (de la 4definition
description4 5 descrierea definitiei);
25
-8efinitia unui termen incepe pe o linie noua si este indentata;
9html:
9head:9title:listexH/9<title:9<head:
9bod=:9h/ align5center:; lista de definitii9<h/:9hr:
<d>
Glosar de termeni de ?orld ?ide ?eb
<dt>9b:h=pertext9<b:
<dd>- o interconectare ?eb de informatii de tip text* in care orice
cuvant sau fra7a poate face legatura catre un alt punct din document
sau catre un alt document
<dt>9b:date9<b:
<dd>- fluxul nesfarsit de materiale care apar pe Internet* spre
deosebire de informatii care sunt date cu un anumit inteles sau
valoare
<dt>9b:informatie9<b:
<dd>- sub-setul de date care are efectiv semnificatie si care este util
la momentul curent
</d>
9<bod=:
9<html:

Liste neordonate
; lista neordonata este un bloc de text delimitat de etichetele
corespondente <u>$$$</u> (4ul4 vine de la 4unordered list4 5 lista
neordonata). Fiecare element al listei este initiat de eticheta <i> (list
item).
3ista va fi indentata fata de restul paginii ?eb si fiecare element al
listei incepe pe un rand nou.
9html:
9head:9title:listexH+9<title:9<head:
9bod=:9h/ align5center:; lista neordonata9<h/:9hr:
Glosar de termeni de ?orld ?ide ?eb
<u>(ulori u7uale disponibile prin nume
<i>&lacF <i>?hite <i>2ed <i>Green <i>&lue <i>Iellow
<i>!urple <i>CNua
</u>
9<bod=:
9<html:

26
'ag-urile 9ul: si 9li: pot avea un atribut t,pe care stabileste
caracterul asfisat in fata fiecarui element al listei. >alorile posibile al
acestui atribut sunt:
O 4circle4 (cerc)
O 4disc4 (disc plin) (valoarea prestabilita);
O 4sNuare4 (patrat)
3istele neordonate pot fi imbricate pe mai multe niveluri.

9html:
9head:9title:listexHB9<title:9<head:
9bod=:9h/ align5center:; lista neordonata de liste
neordonate9<h/:9hr:
Glosar de termeni de ?orld ?ide ?eb
<u>"lemente si atribute a unei pagini 6'%3
<i>Frameset 9ul:Ctribute: 9li:cols 9li:rows 9li:border 9<ul:
<i>Frame 9ul:Ctribute: 9li:src 9li:name 9li:scrolling 9<ul:
</u>
9<bod=:
9<html:

Liste ordonate
; lista ordonata de elemente este un bloc de text delimitat de
etichetele corespondente <o>$$$</o> (4ol4 vine de la 4ordered list4 5
lista ordonata). Fiecare element al listei este initiat de eticheta <i>
(list item).
3ista va fi indentata fata de restul paginii ?eb si fiecare element al
listei incepe pe un rand nou.
9html:
9head:9title:listexH.9<title:9<head:
9bod=:9h/ align5center:; lista ordonata9<h/:9hr:
<o>(ulori u7uale disponibile prin nume
9li:&lacF 9li:?hite 9li:2ed 9li:Green 9li:&lue 9li:Iellow 9li:!urple
9li:CNua
</o>
9<bod=:
9<html:

'ag-urile 9ol: si 9li: pot avea un atribut t,pe care stabileste tipul de
caractere utili7ate pentru ordonarea listei.>alorile posibile sunt:
O 4C4 pentru ordonare de tipul C * & * ( * 8 etc. (litere mari);
O 4a4 pentru ordonare de tipul a * b * c * d etc. (litere mici);
27
O 4I4 pentru ordonare de tipul I * II * III * I> etc. (cifre romane mari);
O 4i4 pentru ordonare de tipul i * ii * iii * iv etc. (cifre romane mici);
O 4/4 pentru ordonare de tipul / * + * B * . etc. (cifre arabe - optiune
prestabilita);
1rmatorul exemplu este o lista ordonata cu cifre romane.

9html:
9head:9title:listexH,9<title:9<head:
9bod=:9h/ align5center:; lista ordonata cu cifre romane9<h/:9hr:
<o t,pe".I.>(ulori u7uale disponibile prin nume
9li:&lacF 9li:?hite 9li:2ed 9li:Green 9li:&lue 9li:Iellow 9li:!urple
9li:CNua
</o>
9<bod=:
9<html:

'ag-ul 9ol: poate avea un atribut start care stabileste valoarea
initiala a secventei de ordonare. >aloarea acestui atribut trebuie sa fie
un numar intreg po7itiv.
1rmatorul exemplu este o lista ordonata cu litere mari* incepand de la
valoarea (.
9html:
9head:9title:listexH-9<title:9<head:
9bod=:9h/ align5center:; lista ordonata cu litere mari* incepand de
la valoarea (9<h/:9hr:
<o t,pe"A start"3>(ulori u7uale disponibile prin nume
9li:2ed 9li:Green 9li:&lue 9li:Iellow 9li:!urple 9li:CNua
</o>
9<bod=:
9<html:

'ag-ul 9li: poate avea un atribut *aue care stabileste valoarea
pentru elementul respectiv al listei. >aloarea acestui atribut trebuie sa
fie un numar intreg po7itiv (ve7i urmatorul exemplu).
9html:
9head:9title:listexH09<title:9<head:
9bod=:9h/ align5center:; lista ordonata avand itemi setati
individual9<h/:9hr:
<o start"3>2epetati urmatorii pasi ai algoritmului
9li:salvati fisierul;
28
<i *aue"9>incarcati fisierul in browser;
9li:schimbati browserul utili7at
9li:incarcati din nou fisierul
</o>
9<bod=:9<html:

3istele ordonate pot fi imbricate intre ele sau cu liste neordonate* ca
in exemplul urmator.
9html:
9head:9title:listexH)9<title:9<head:
9bod=:9h/ align5center:; lista ordonata de liste ordonate si
neordonate9<h/:9hr:
<o>1n sistem informatic include:
9li:6ardware:
9ol:
9li:placa de ba7a
9li:procesor
9li:memorie
9li:harddisF
9<ol:
9li:Koftware:
9ul:
9li:3inux
9li:?indows
9li:;K<+
9li:1nix
9<ul:
9li:Koftware de aplicatie:
9ul t=pe54disc4:
9li:>isual(PP
9li:ava
9li:KM3
9li:(orel8raw
9<ul:
</o>
9<bod=:
9<html:

0 ista de meniuri este un bloc delimitat de etichete corespondente
<menu>$$$</menu>$ Fiecare element al listei este initiat de eticheta
29
<i> (list item). (ele mai multe browsere afisea7a lista de meniuri ca
pe o lista neordonata.
0 ista de directoare este un bloc delimitat de etichete
corespondente <dir>$$$</dir> (de la 4director4). Fiecare element al
listei este initiat de eticheta <i> (list item). (ele mai multe browsere
afisea7a lista de directoare ca pe o lista neordonata.
(Qu este performanta utili7area acestor tipuri de liste).
Utii-ari speciae ae isteor
8aca intr-o lista* in loc de elementele acesteia introduse prin 9li:* se
inserea7a un 'oc de te!t* aceasta va fi indentat (intocmai ca
elementele unei liste).

9html:
9head:9title:listexHE9<title:9<head:
9bod=:9h/:1n bloc de text indentat9<h/:9hr:
<o> 1n bloc de text indentat. 1n bloc de text indentat. 1n bloc de
text indentat. 1n bloc de text indentat. 1n bloc de text indentat. 1n
bloc de text indentat. 1n bloc de text indentat. 1n bloc de text
indentat. 1n bloc de text indentat.
</o>
9<bod=:
9<html:

In exemplul urmator ista de de%initii are itemii <dt> si 9dd> multipli.
9html:
9head:9title:listexH/@9<title:9<head:
9bod=:9h/ align5center:; lista de definitii speciala9<h/:9hr:
<d>!rogram
9dt:9b:3uni9<b:
9dt:9b:%arti9<b:
9dt:9b:%iercuri9<b:
9dd:9i:;ra E.@@.9<i:Insciere
9dd:9i:;ra //.@@.9<i:Cudieri
9dd:9i:;ra /B.B@.9<i:2aspunsuri
</d>
9<bod=:
9<html:

1rmatorul exemplu este o lista neordonata personali7ata care
utili7ea7a pe post de elemente imagini si texte.
30
9html:
9head:9title:listexH//9<title:9<head:
9bod=:9h/:; lista personali7ata9<h/:9hr:
<u>'ipuri de masini >olFswagen sunt:9br:
9img src54images<red/dot.gif4:Golf9br:
9img src54images<red+dot.gif4:etta9br:
9img src54images<redBdot.gif4:!assat9br:
9img src54images<red.dot.gif4:&ora9br:
9img src54images<red,dot.gif4:(orrado9br:
9img src54images<red-dot.gif4:'ransporter9br:
9<ul:
9<bod=:
9<html:
31