Laborator "Introducere în Internet"
HTML – 3
Elemente de baza pentru descrierea tabelelor in HTML
<table…>… </table> reprezinta etichetele care vor determina inserarea unui tabel. Implicit tabelul nu are margini. Dintre atributele care sunt suportate amintim:
width – dimensiunea tabelului
align (left, center, right) – alinierea tabelului
background – plasarea unei imagini (.gif sau .jpeg) in spatele tuturor celulelor tabelului. Se specifica doar numele imaginii de inserat daca aceasta se afla in acelasi director cu documentul html; altfel trebuie specificata calea.
bgcolor – culoarea fundalului tabelului
border – include margine, eventual avand specificata grosimea ei in pixeli
bordercolor – culoarea marginii
valign (top, center, bottom) – alinierea verticala a textului din celule
<td…>… </td> incadreaza continutul celulelor tabelului pe coloane. Sunt valabile atributele de la <table>.
<tr…>… </tr> specifica randurile (liniile) din tabel; aceleasi atribute ca <td>.
<th…>… </th> etichete pentru descrierea celuluelor din capul tabelului. Atribute identice cu cele pentru <td>.
…<table border width=… bordercolor=… bgcolor=…>
<th>celula<br>cap<br>tabel</th>
<td …>celula 1 de pe linia 1</td>
<td …>celula 2 de pe linia 1</td>
…
<tr>linia 2</tr>
…
</table> …
Elemente pentru includerea de sunete
<bgsound …> permite inserarea unui sunet de fond in pagina web. Atribute admise:
src – pentru specificarea sursei sunetului
loop=n – pentru pecificarea numarului de repetitie a sunetului activat (n=infinite specifica repetitia pana la iesirea din pagina)
Elemente pentru includerea de imagini
<img…> permite inserarea imaginilor in documentele html. Sunt suportate formatele .gif, .jpg, .jpeg, .bmp. Atribute:
src – pentru specificarea sursei imaginii
align (left, right, top…)
alt – text alternativ afisat in locul imaginii pana la transferul ei complet si afisarea ei de catre browser
border=value – specifica spatiul din jurul imaginii
vspace=value – valoarea in pixeli a spatiului vertical pana la textul care insoteste imaginea
hspace=value - valoarea in pixeli a spatiului orizontal pana la textul care insoteste imaginea
width=value – latimea in pixeli a spatiului ocupat de textul ce insoteste imaginea
height=value - inaltimea in pixeli a spatiului ocupat de textul ce insoteste imaginea
<map…></map> descrie regiuni din imagine si indica localizarea documentului ce trebuie gasit atunci cand zona respectiva de imagine este accesata. Atribut: name= numele care va putea fi referit de atributul usemap al <img…>.
Apar astfel pentru <img…> atributele:
ismap - identifica imaginea ca imagine harta
usemap= – indica localizarea hartii ce va fi folosita cu imaginea specificata.
<area…> defineste zona care se detaliaza. Atribute:
shape – forma zonei; implict este "rect"
coords=val left,val top,val right,val bottom cere valorile in pixeli pentru definirea zonei sensibile
href – specifica locatia care se refera prin sensibilizarea zonei.
Elemente HTML pentru pagini interactive
<form…>…</form> - Este o eticheta pentru delimitarea unui formular prin intermediul caruia se introduc date. Atribute admise:
action – locatia URL careia ii sunt submise datele din campurile formularului, pentru a extrage un raspuns; cel mai general, este locatia unei aplicatii apartinand de un server care se ocupa cu manipularea ulterioara a datelor formei.
<input…>…</input> reprezinta un camp al carui continut poate fi editat sau activat de utilizator. Atribute:
type – tipul campului, care poate fi button, checkbox, image, password, radio, reset submit, text, textarea, file, hidden.
align – alinierea textului fata de imagine
checked – indica selectarea unui checkbox sau a unui radio
name – asigura identificraea unica a campului
maxlength – indica numarul maxim de caractere text din camp
size – marimea campului, functie de tip
value – specifica valoarea nitiala a campului, functie de tip
<select>…<select> permite alegerea dintr-o gama specificata de optiuni. Atribute:
multiple – se permit mai multe selectii simultan
name – specifica numele campului
<option> - insoteste elementul select si are atributele:
selected – indica selectarea initiala
value – indica valoarea returnata cand optiunea este selectata
<textarea>…<textarea> - camp text multilinie
…<form action…>
Orele de internet sunt din
<select name=Categorie>
<option> categoria orelor placute
<option> categoria orelor uneori placute
<option> categoria orelor total neplacute
<option> categoria orelor indiferente
</select>
</form>…
…<form action…>
Orele de Internet sunt in regim
<br>
<input type=radio> obligatoriu
</input><br>
<input type=radio> facultativ
</input><br>
<input type=radio> optional
</input>
<br>
As mai avea de adaugat parerile mele:
<br>
<textarea></textarea>
</form>…