Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
5Activity
0 of .
Results for:
No results containing your search query
P. 1
Curs Web Cap 6

Curs Web Cap 6

Ratings: (0)|Views: 48 |Likes:
Published by Alexandra Danu

More info:

Published by: Alexandra Danu on Sep 10, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

01/17/2011

pdf

text

original

 
CAPITOLUL 6Imagini
În capitolele precedente s-au prezentat elementele de bază pentrurealizarea paginilor Web.În acest capitol se descrie cum să împodobim paginile cu imagini grafice.Aceste pot folosi chiar ca referinŃe hipertext, aşa cum se va arăta în capitolulurmător.Există numeroase formate grafice, dar cele mai răspândite sunt:
GIF(Graphics Interchange Format ) introdus de Compuserve
JPEG introdus de Joint Photographic Expert Group
PNG(Portable Network Graphic – Format Grafic portabil în reŃea)
6.1
 
Introducerea imaginilor în paginile Web
Imaginile se introduc în pagini cu ajutorul tag-ului
<IMG> ,
care este unelement inline, adică poate fi înserat oriunde în pagină.Sintaxa acestui element este: <IMG atribute> .În continuare este prezentat un exemplu de utilizare a elementului IMG:<html><head> </head> <body>Hotelul TRUMP Taj Mahal<img src="Taj_Mahal.jpg" height =150 width = 150 >de la Atlantic City</body></html>
Figura 6. 1 Înserarea imaginilor
 
Pentru ca acest exemplu să se execute trebuie ca ambele fişiere (Taj_Mahal.ipg şiex1_6.html sa fie în acelaşi folder.
6.2 Atributele Elementului IMG
Atributele elementului IMG sunt:
 src, alt, align, border, height, width,hspace, vspace.
În continuare vor fi descrise succint aceste atribute.
Atributul src
Atributul
 src
este un atribut obligatoriu a elementului IMG care identificăfişierul care conŃine imagina care se doreşte a fi înserată. Fişierele pot aveaextensia: .jpg, jpeg, png, etc. Fişierul care conŃine imaginea se gaseştee îndirectorul curent (ca în exemplul de mai sus) sau în alt folder din calculatorulcurent sau în reŃeaua web.În cazul în care fişierul se află:
în altă locaŃie dacât directorul curent, numele fişierului trebuie precedat de calea relativ la directorul curent
în reŃea web, trebuie dată adresa URL absolută, ca de exemplu:http://www.fmi.unibuc.ro./facmat.jpgunde se indică protocolul(http://), calculatorul, calea şi numelefişierului.
Atributul align
Atributul align indică browserului cum va fi aliniată poza faŃă de text.Valorile atributului sunt: right, top, middle, bottom.În exemplul următor se poate vedea modul de aliniere a imaginii într-o pagină:html><head> </head><body><h2 align=center> Alinieri Imagini </h2><pre> Aliniere Bottom </pre><img src="img_0520.jpg" height =100 width = 100 align="bottom">Acesta este o imagine aliniata <I>bottom </i>, care este aliniereaimplicita pe verticala. Numai primul rind este aliniat bottmom restultextului este sub imagine<pre> Aliniere Top </pre><img src="img_0520.jpg" height =100 width = 100 align="top">Acesta este o imagine aliniata <I>Top </i>, care este alinierea <i>sus</i> pe verticala. Numai primul rind este aliniat <I>Top </i> restultextului este sub imagine<pre> Aliniere Middle </pre><img src="img_0520.jpg" height =100 width = 100 align="middle">
 
Acesta este o imagine aliniata <I>Middle</i>, care este alinierea <i>pecentru </i> pe verticala. Numai primul rind este aliniat <I>Middle </i>restul textului este sub imagine<pre> Aliniere Left </pre><img src="img_0520.jpg" height =100 width = 100align="left">Acesta este o imagine aliniata <I> Left </i>, care este alinierea<i>stinga</i> pe orizontala. <p> Textul curge pe linga poza in dreaptaei<pre> Aliniere Right </pre><img src="img_0520.jpg" height =100 width = 100 align="right">Acesta este o imagine aliniata <I>Right </i>, care este alinierea<i>dreapta</i> pe orizontala. <p> Textul curge pe linga poza in stingaei</body></html>

Activity (5)

You've already reviewed this. Edit your review.
1 hundred reads
camyta647 liked this
vec1 liked this
papaghiucnelu liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->