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>…