Invata elementele HTML mai usor !
Pentru a va fi mai usor la crearea paginilor web, m-am gandit ca in acest articol sa va prezint o lista completa a elementelor HTML care va vor ajuta pe parcurs.
Voi incerca sa listez elementele in mai multe categorii pentru a va fi mai usor la gasirea acestora. Vom incepe cu elementele de baza HTML apoi formatarea caracterelor , marcaje pentru liste samd.
Elemente pentru tabele
| <TABLE> </TABLE> |
tabel html |
| BORDER=x |
chenarul tabelului |
| CELLPADDING=x |
spatiu suplimentar in cadrul celulelor tabelului |
| CELLSPACING=x |
spatiul suplimentar intre celulele tabelului |
| WIDTH=x |
latimea impusa tabelului |
| FRAME=baloare |
ajustarea fina a tabelului |
| RULES=valoare |
ajustarea fina a riglelor tabelului |
| BORDERCOLOR=culoare |
specifica culoarea chenarului tabelului |
| BORDERCOLORDARK=culoare |
cea mai deschisa culoare din cele doua culori specificate |
| ALIGN=left |
aliniaza tabelul la marginea din stanga a paginii, iar textul curge in partea dreapta |
| ALIGN=right |
aliniaza tabelul la marginea din dreapta a paginii, iar textul curge in partea stanga |
| HSPACE=x |
spatiul suplimentar pe orizontala in jurul tabelului |
| VSPACE=x |
spatiul suplimentar pe verticala in jurul tabelului |
| COLS=x |
specifica numarul de coloane ale unui tabel |
| <colgroup> </colgroup> |
defineste un set de definitii de coloane cu ajutorul marcajului <col> |
| <col width=x> |
defineste latimea unei coloane explimate in pixeli |
| <thead> </thead> |
defineste titlul tabelului |
| <tbody> </tbody> |
defineste corpul tabelului |
| <tr </tr> |
linie de tabel |
| BGCOLOR=culoare |
specifica culoarea de fond pentru intreaga linie |
| ALIGN=aliniere |
aliniuaza celulele pe linia curenta |
| <td </td> |
lcelula de date a tabelului |
| COLSPAN=x |
numarul de coloane pe care se intinde celula curenta |
| ROWSPAN=x |
numarul de linii pe care se intinde celula curenta de date |
| ALIGN=aliniere |
alinierea materialului din cadrul celulei de date |
| VALIGN=aliniere |
alinierea pe veticala a materialului din cadrul celulei de date. |
| BACKGROUND=url |
specifica imaginea de fond pentru celula tabelului |
| NOWRAP |
nu permite despartirea textului pe linii in cadrul unei celule |
| ALIGN=baseline |
aliniaza celulele de date cu linia de baza a textului adiacent |
| ALIGN=caracter |
aliniaza o coloana fata de un anumit caracter |
| ALIGN=justify |
aliniaza atat marginea din stanga , cat si marginea din dreapta a unui text |
Elemente pentru imagini
| <img> |
marcajul de introducere a imaginilor |
| SRC=url |
sursa fisierului grafic |
| ALT=text |
textul alternativ de afisat |
| ALIGN=aliniere |
alinierea imaginii in pagina |
| HEIGHT=x |
inaltimea imaginii in pixeli |
| WIDTH=x |
latimea imaginii |
| BORDER=x |
chenarul din jurul imaginii |
| HSPACE=x |
spatiul suplimetar pe orizontala din jurul imaginii |
| VSPACE=x |
spatiul suplimentar pe verticala din jurul imaginii |
Marcaje pentru formulare
| <FORM> </FORM> |
forumlar html activ |
| ACTION=url |
programul CGI de pe serverul care receptioneaza datele |
| METHOD=metoda |
modul in care datele sunt transmise serverului |
| <INPUT> |
camp de text sau alte date de intrare |
| TYPE=optiune |
tipul campului de intrare |
| NAME=nume |
numele simbolic al valorii campului |
| VALUE=valoare |
continutul prestabilit al campului de text |
| CHECKED=optiune |
caseta marcata in mod prestabilit |
| Size=x |
numar de caractere al unui camp de text |
| <SELECT> </SELECT> |
grup de casete de validare |
| NAME=nume |
numele simolic ale valorii campului |
| SIZE=x |
numarul de articole de meniu care se afiseaza odata |
| MULTIPLE=x |
permite selectia unor articole de meniu multiple |
| <OPTION> |
alegerea particulara intr-un domeniu |
| VALUE=valoare |
valoarea rezultanta a acestei selectii din meniu |
| <TEXTAREA> </TEXTAREA> |
camp de intrare de tip text pe linii multiple |
| NAME=nume |
numele simolic al valorii campului |
| ROWS=x |
numarul de linii al casetei de text |
| COLS=x |
numarul de coloane pe linie |
| <FIELDSET> </FIELDSET> |
imparte formularul in parti logice |
| <LEGEND> </LEGEND> |
numele asociat setului de campuri |
| ALING=s |
specifica alinierea legendei afisate |
| TABINDEX=x |
specifica ordinea elementelor atunci cand utilizatorul apasa tasta TAB |
| ACCESKEY=c |
specifica tasta care asigura comanda rapida de la tastatura asociata unui anumit element |
| DISABLED |
elementul este inactiv, dar este afisat pe ecran |
| READONLY |
elementul este afisat pe ecran, dar nu poate fi editat |
| BACKGROUND=url |
specifica imaginea de fond pentru celula tabelului |
Elemente avansate
| <STYLE> </STYLE> |
specifica informatii referitoare la modelul de stiluri |
| TYPE=val |
tipul modelului de stiluri (text/css) |
| <SCRIPT> </SCRIPT> |
include un script in pagina web (javascript) |
| LANGUAGE=limba |
limba utilizata |
| EVENT=eveniment |
eveniment care declanseaza executia unor scripturi |
| FOR=nume obiect |
numele obiectului din pagina asupra caruia actioneaza scriptul |
Caractere Speciale
| & |
ampersand |
| ~ |
tilda |
| < |
mai mic decat (less than) |
| > |
mai mare decat (greater than) |
| © |
copyright |
®
|
simbol pentru marca inregistrata |
| á |
a mic cu accent ascutit (acute) |
| â |
a mic cu accent circumflex |
| ñ |
n mic cu tilda |
| ø |
o mic barat (slash) |
In curand o lista completa cu caractere speciale + cod HTML !