Imagini

Pentru a include o imagine intr-un document HTML, folosim tag-ul:

<img src = “nume imagine.extensie”>
- Unde parametrul src este folosit pentru a face referinta la
fisierul imagine
O imagine poate fi redimensionata cu ajutorul parametrilor:
- width= “val”
- height=”val”
O imagine poate fo bordata cu o linie groasa data de parametrul
- border=”val”
Daca se doreste sa se adauge un nume imaginii, un tag, se foloseste
parametrul:
- alt = “denumire”
Exemplu:
<img src=”Verona.jpg” width=”300” height=”100” border=”2" alt=”imagine
cu verona”>
Aranjarea textului fata de o imagine
- Pentru ca textul sa nu fie in dreptul imaginii se foloseste tagul
<br clear=all>
- Acest tag este folositor si in cazul unei linii orizontale situate sub
imagine si nu in dreptul ei
- Folosind parametrul <br clear = “val”> pentru textul “text
nedorit in dreptul imaginii”
Alinierea unei imagini in raport cu paragraful se face astfel:
<p align=”left <img src = “nume imagine” alt=”descriere”>”></p>
Pentru a face ca o imagine sa devina un lin la un fisier vom proceda astfel:
 <a href=”fisier.html”>right<img src=”nume imagine.extensie”></a>
Alinierea unei imagini in raport cu liniile de text se face astfel:
<img src=”link” aling=”top”>text
<img src=”link” aling=”middle”>text
<img src=”link” aling=”bottom”>text
<img src=”link” aling=”left”>text
<img src=”link” aling=”right”>text
Maparea imaginilor
- Operatia prin care se specifica zone senzitive ale unei imagini se
numeste maparea
- Pentru a asocia unei imagini o harta de imagini se utilizeaza in
cadrul marcajului img parametrul usemap

<img src = “link” usemap=”#numeharta”>

- Pentru a defini harta unei imagini se utilizeaza marcajul

<map name = “numeharta”> descriereZona</map>
Descrierea zonei senzitive a imaginii se realizeaza cu ajutorul marcajului
<area> care are ca parametru shape=”val” unde val poate fi:
- default = se selecteaza intreaga imagine
- rect = trasarea unui dreptunghi care este urmat de coord =
“x,y,x1,y1” – colt stanga sus respectiv colt dreapta jos
- circle = trasarea unui cerc care este urmat de coord = “x,y,raza”
–centrul cercului respectiv raza acestuia
- poly = trasarea unui poligon care este urmat de coord =
“x,y,x1,y1,x2,y2,x3,y3....” – coordonatele tuturor punctelor din
poligon
 o toate coordonatele se pun relativ la imagine, daca exista
diferenta de la monitor la display-ul telefonului, atunci se
face totul la o anumita scara

Tabele
Un tabel este delimitat de tag-ul <table>...</table> si este folosit atat
pentru pozitionarea altor elemente, cat si pentru organizarea informatiei pe
linii si coloane
Atribute:
- border=”valoare”
o defineste grosimea conturului tabelului
o daca lipseste =”valoare” se va atribui valoarea 1 automat
- align = “left”/”right”/”center”
o precizeaza pozitia unui tabel relativ la marginile blocului
parinte
- width = “valoare” / height=”valoare”
o stabilesc inaltime/latimea tabelului
o valoare poate primi procente
 valoare = “30%”
 ocupa 30% din latimea/inaltimea ecranului
- cellpadding = “valoare”
o distanta dintre continutul celulei si marginile ei
- cellspacing = “valoare”
o distanta dintre celule
- bgcolor = “culoare”
o va determina culoarea de fundal al tabelului
- frame
o permite precizarea marginii dorite a tabelului
 valorile pot fi:
 void – fara bordura
  above
 below
 hside – si sus si jos
 lhs – stanga
 rhs – dreapta
 vsides – stanga si dreapta
 box sau borde – toate marginile
- rules
o permite precizarea modului in care vor fi afisate bordurile
pentru celulele tabelului
o valorile sunt:
 none
 rows – borduri orizontale
 cols – borduri verticale
 all – toate
- hspace si vspace
o spatiu pe orizontala respectiv pe verticala
o permit adaugarea unui spatiu alb in jurul tabelului
Principalele taguri folosite in crearea tabelelor sunt:
- caption
o titlul tabelului
<caption>...</caption>
- capetele de tabel
<tr> - optional
<th>...</th> reprezinta antetul tabelului
<td>...</td> - table data
</tr>
 - alinierea continutului celulelor
o align = “val”
 val = right, left, center
o valign = “val”
 val = top, bottom, middle

o daca tag-urile se pun in <tr>,<th> sau <td> atunci se

aliniaza continutul celulelor
o daca tag-urile se pun in <caption> atunci se aliniaza titlul
tabelului
Structura unui tabel
- continutul unui tabel poate fi impartit in urmatoarele sectiuni:
- <thead>...</thead> - defineste sectiunea de antet a tabelului
- <tfoot>...</tfoot> - defineste sectiunea de final a tabelului
- <tbody>...</tbody> -defineste corpul tabelului
Cu ajutorul a 2 atribute ale etichetelor <td> si <th>, o celula se poate extinde
peste celulele vecine, astfel extinderea unei celule peste celulele din dreapta
ei se va face cu ajutorul atributului <colspam = “val”> a carui valoare
determina numarul de celule care se unifica, iar extinderea unei celule peste
celulele de desupt se face cu ajutorul atributului <rowspam = “val”> a carui
valoare determina numarul de celule care se unifica

Formulare
Sunt cele mai frecvent utilizate pentru a colecta informatii de la persoanele
care viziteaza site-ul.
La activarea butonului de submit dintr-un formular, informatiile sunt
transmise serverului web pentru a fi prelucrate, iar activarea butonului de
reset permite stergerea tuturor informatiilor completate