Lista cu elementele HTML (partea II)

Posted In Programare web - By HeD On miercuri, iunie 29th, 2011 With 0 Comments

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 !

About - hedmasster: Web developer , Web designer , Games reviewer . Pasionat de IT & Gaming , owner www.blasterzone.ro & www.itsuceava.com . Dacă aveţi nelămuriri în privinţa unor articole/tutoriale puteţi lăsa un comentariu şi în cel mai scurt timp vă voi răspunde.

Lasă un comentariu

XHTML: Poţi folosi următoarele taguri: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>