Sunteți pe pagina 1din 2

Imagini.

Imaginile pot conferi unei paginii Web atractivitate. Totuşi utilizarea lor întrun document HTML se va face raţional, deoarece fiecare imagine
„consumă” timp pentru descărcarea, decodificarea şi afişarea ei.
Fişiereleimagini au diferite formate, cele mai utilizate în Web design fiind:
– GIF (Grafics Interchange Format) – fişiere cu extensia .gif;
– JPEG (Join Photographic Expert Group)– fişiere cu extensia .jpeg sau .jpg;
– BMP (BitMap) – fişiere cu extensia .bmp.
Pentru a insera o imagine, se utilizează eticheta <iMG>, cu atributul obligator SRC, a cărui valoare este adresa URL a imaginii: <IMG SRC =
URL>
Sintaxa pentru URL este identică cu cea utilizată pentru referinţe (vezi paragraful 12.4). În afară de atributul SRC, eticheta <IMG> poate avea
următoarele atribute:
• ALIGN, utilizat pentru alinierea imaginii şi care are una din valorile top (aliniere deasupra – partea de sus a imaginii se aliniază cu
partea de sus a textului ce precede imaginea), bottom (aliniere la bază – partea de jos a imaginii se aliniază cu linia de bază a textului), middle (aliniere la
mijloc – mijlocul imaginii se aliniază cu linia de bază a textului ce precede imaginea), left (aliniere la stînga – textul şi celelalte elemente sînt plasate în
dreapta), right (aliniere la dreapta – textul şi celelalte elemente sînt plasate în stînga);
• ALT, utilizat pentru afişarea unui text explicativ în locul imaginii (în cazul în care programul de explorare nu încarcă imaginea –
opţiune stabilită de utilizator sau o altă cauză) şi care are ca valoare însuşi textul explicativ (scris între "şi");
• WIDTH şi HEIGHT, folosite pentru specificarea mărimii în pixeli a imaginii;
• BORDER, folosit pentru crearea în jurul imaginii a unui chenar de grosime (în pixeli) egală cu valoarea atributului;
• HSPACE şi VSPACE, utilizate pentru precizarea distanţei în pixeli pe orizontală, respectiv pe verticală, dintre imagine şi restul
elementelor din pagină.
Tabelele pot aparea dificile la inceput, dar cu putina rabdare si practica vei vedea ca
nu sunt asa cum par. Tagul <table> este folosit pentru a deschide un tabel. Inauntrul
acestui tag vom gasi alte doua taguri tipice <tr> (liniile tabelului) si <td> (coloanele
tabelului). Dar cea mai buna explicatie ar fi in momentul de fata un exemplu:
<HTML>
<HEAD>
<TITLE>Primul tabel</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD><B>Nume</B></TD>
<TD><B>Prenume</B></TD>
<TD><B>Nota</B></TD>
</TR>
<TR>
<TD>Duca</TD>
<TD>Cristina</TD>
<TD>9</TD>
</TR>
<TR>
<TD>Afanasi</TD>
<TD>Renata</TD>
<TD>8</TD>
</TR>
<TR>
<TD>Afteni</TD>
<TD>Iuliu</TD>
<TD>8</TD>
</TR>
<TR>
<TD>Mahu</TD>
<TD>Vicu</TD>
<TD>8</TD>
</TR>
<TR>
<TD>Soltanici</TD>
<TD>Mihail</TD>
<TD>7</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Nume Prenume Nota
Duca Cristina 9
Afanasi Renata 8
Afteni Iuliu 8
Mahu Vicu 8
Soltanici Mihail 7

Continutul va fi plasat in interiorul casutelor tabelului. O casuta este ceea ce se afla


intre <td> si </td>. Atributul borderstabileste latimea marginii tabelului.

Exemplul 1 pentru evaluare: (de cules codul în notepad și de salvat cu


extensia .html)
<HTML>

<Head> <Title>exemplul 1. imagine</Title> </Head>

<Body> <H3 align=center>Universitatea de Stat din Tiraspol</H3>

<P> Universitatea de Stat din Tiraspol (UST) este prima institutie de invatamint
superior din Republica Moldova, fondata la 1 octombrie 1930.

<IMG SRC=”ust.jpg” align=right hspace=10 vspace=10>

</Body>

</HTML>

Sarcina 1.
Creaţi o pagină Web care va afişa un text despre școala natală cu titlul de nivelul 5
avînd culoarea roșie şi fundalul verde deschis. o imagine a școlii va apărea în chenar şi
va fi aliniată la dreapta textului, în corp vom mai avea legatura cu site-ul liceului:
lttreian.educ.md și un tabel cu 5 disciplini și numele profesorilor (de unde puteți lua
informații si poza școlii)
Codul(programul) elaborat îl postați pe studii.md și pe adresa snegur.tatiana@mail.ru.
pâna la ora 21.00

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