Curs de autoinstruire in HTML

Limbajul HTML

Creaza-ti pagina Web
Inregistrati-va si puteti plasa pagina Web pe Geocities.

Top100
Cele mai bune pagini

HTML

Comanda piatra de alaun
Aici gasiti o descriere mai complexa despre limbajul HTML 4.0

HTML 4.01 Specification
Aici gasiti o descriere mai complexa despre limbajul HTML 4.01

validator.w3.org www.w3.org


DHTML

Click here for DHTML-Center Click here for dynamicdrive


Javascript

Javascript


Animatii

Click here for Animationcity Click here for Cooltext





UTT : UBM : HTML
                         Limbajul HTML
Autor: Barna Alexa
13. Taguri

Marcaje de baza
<HTML> </HTML> Defineste un fisier in format Web
<HEAD> </HEAD> Antetul documentului
<TITLE> </TITLE> Tilul documentului
<BODY> </BODY> Corpul paginii HTML
BGCOLOR = culoareCuloarea de fond a paginii
TEXT=culoareCuloarea textului pe paginii
LINK=culoareCuloarea legaturiilor nevizitate din paginii
VLINK=culoareCuloarea legaturiilor vizitate din paginii
ALINK=culoareCuloarea legaturiilor pe durata clicului exacutat de utilizator
BACKGROUND = urlImaginea de fond pentru pagina
<P> Paragraf
<Hn> <Hn> Nivel de subtitlu al documentului (n = 1-6)
<FONT> </FONT> Specifica atribute ale textului incadrat
SIZE=nDimensiunea textului este 1-7
FACE="a,b"Specifica fontul: a, daca este disponibil, sau b
COLOR=sCuloarea textului: fie un nume de culoare , fie o valoare RGB
<BR> Linie noua
<PRE> </PRE> Informatie preformatata
<!-- --> Comenatriu HTML
<CENTER> </CENTER> Centreaza materialul in pagina
<HR> Rigla orizontala
SIZE=xInaltimea riglei in pixeli
WIDTH=xLatimea riglei in pixeli sau in procente
NOSHADEDezactiveaza afisarea umbrei pentru rigla orizontala
ALIGN=xAlinierea riglei orizontala in pagina (left, center, right)
COLOR=xCuloarea riglei orizontale(numai pentru IE)
<A> </A> Marcaj de tip ancora
HREF=urlReferinta hipertext
HREF=#numeReferinta catre o ancora interna
Name=numeDefinitia unei ancore interne

Marcaje pentru liste
<DD> Descriere definitie
<DL> </DL> Lista de tip definitie
<DT> Termen de definitie
<LI> Element de lista
<OL Lista ordonata (numerotata)
TYPE=tipTipul numerotarii. Valori posibile: A, a, I, i, 1
START=xNumarul de inceput al listei ordonate
<UL Lista neordonata (marcata)
TYPE=formaForma marcajului. Valori posibile: circle, square, disc.

Formatarea caracterelor
<B> </B> Afiseaza text cu caractere aldine
<I> </I> Afiseaza text cu caractere cursive
<U> </U> Afiseaza text subliniat
<TT> </TT> Text cu font monospatiu
<CITE> </CITE> Citare bibliogarfica
<CODE> </CODE> Listing de program
<EM> </EM> Stil logic de evidentiere
<KBD> </KBD> Text de la tastatura
<STRONG> </STRONG> Evidentiere logica puternica
<VAR> </VAR> Program sau variabila
<BASEFONT SIZE = n> Specifica dimensiunea implicita a fontului din pagina

Marcaje pentru cadre
<FRAMESET> </FRAMESET> Definirea redactarii paginii
COLS=xNumarul si marimea relativa a coloanelor
ROWS=xNumarul si marimea relativa a liniilor
BORDER=xSpecifica starea "on" (activa) sau "off" (inactiva) pentru chenarul cadrului FRAMESET (1 sau 0)
FRAMEBORDER = xSpecifica marimea chenarului
FRAMESPACING = xMarimea spatiului dintre doua cadre adiacente
<FRAME> Definitia unui anumit cadru
SRC=urlURL-ul sursa pentru cadru
NAME=numeNumele cadrului (utilizat impreuna cu TARGET=nume ca parte componenta a marcajului de tip ancora <a>
SCROLLING=scrlDefineste optiunea barei de derulare.Valori posibile: on(activa), off(inactiva), auto (automat)
FRAMEBORDER=xMarimea chenarului din jurul cadrului
MARGINHEIGHT=xSpatiul suplimentar de deasupra si dedesubtul unui anumit cadru
MARGINWIDTH=xSpatiu suplimetar la stanga si la dreapta unui anumit cadru
<NOFRAMES> </NOFRAMES> Sectiunea de pagina afisata pentru utilizatorii care nu pot vedea un cadru
<IFRAME> Cadru intern (numai pentru (IE)
SRC=urlSursa cadrului
NAME=sNumele ferestrei (util pentru TARGET)
HEIGHT=xInaltimea cadrului inglobat
WIDTH=xLatimea cadrului inglobat

Marcaje pentru tabele
<TABLE> </TABLE> Tabel HTML
BORDER=xChenarul tabelului
CELLPADDING=xSpatiul suplimentar in cadrul celulelor tabelului
CELLSPACING=xSpatiul suplimentar intre celulele tabelului
WIDTH=xLatimea impusa tabelului
FRAME=valoareAjustarea fina a tabelului
RULES=valoare Ajustarea fina a riglelor tabelului
BORDERCOLOR = culoareSpecifica culoarea chenarului tabelului
BORDERCOLORLIGHT = culoareCea mai deschisa culoare din cele doua culori specificate
BORDERCOLORDARK = culoareCea mai inchisa culoare din cele doua culori specificate
ALIGN=leftAliniaza tabelul la marginea din stanga a paginii, iar textul curge in partea dreapta
ALIGN=rightAliniaza tabelul la marginea din dreapta a paginii, iar textul curge in partea stanga
HSPACE=xSpatiu suplimetar pe orizontala in jurul tabelului
VSPACE=xSpatiu suplimetar pe verticala in jurul tabelului
COLS=xSpecifica 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 exprimata in pixeli
<THEAD> </THEAD> Defineste titlul tabelului
<BODY> </TBODY> Defineste corpul tabelului
<TR </TR> Linie de tabel
BGCOLOR=culoareSpecifica culoarea de fond pentru intreaga linie
ALIGN=aliniereAlinierea celulelor de pe linia curenta (left, center, right)
<TD </TD> Celula de date a tabelului/font>
BGCOLOR=culoareSpecifica culoarea de fond pentru celula de date
COLSPAN=xNumarul de coloane pe care se intinde celula curenta de date
ROWSPAN=xNumarul de linii pe care se intinde celula curenta de date
ALIGN=aliniereAlinierea materialului din cadrul celulei de date.Valori posibile: (left, right, center)
VALIGN=aliniereAlinierea pe verticala a materialului din cadrul celulei de date.Valori posibile: (top, bottom, middle)
BACKGROUND=urlSpecifica imaginea de fond pentru celula tabelului
NOWRAPNu permite despartirea textului pe linii in cadrul unei celule
ALIGN=baselineAliniaza celule de date cu linia de baza a textului adiacent
ALIGN=caracterAliniaza o coloana fata de un anumit carcater (caracterul prestabilit este ".")
ALIGN=justifyAliniaza atat marginea din stanga cat si marginea din dreapta a unui text

Adaugarea imaginilor
<IMG Marcajul de introducere a imaginilor
SRC=urlSursa fisierului grafic
ALT=textTextul alternativ de afisat, daca este necesar
ALIGN=aliniereAlinierea imaginii in pagina. Valori posibile: top (sus), middle(in mijloc), bottom (jos), left (in stanga), right (la dreapta)
HEIGHT=xInaltimea imaginii (in pixeli)
WIDTH=xLatimea imaginii
BORDER=xChenarul din jurul imaginii, atunci cand aceasta este utilizata ca hiperlegatura
HSPACE=xSpatiul suplimentar pe orizontala din jurul imaginii (in pixeli)
VSPACE=xSpatiul suplimentar pe verticala din jurul imaginii (in pixeli)

Marcaje pentru formulare
<FORM> </FORM> Formular HTML activ
ACTION=urlProgramul CGI de pe serverul care receptioneaza datele
METHOD=metodaModul in care datele sunt transmise serverului(GET sau POST)
<INPUT Camp de text sau alte date de intrare
TYPE=optiuneTipul campului de intrare <INPUT>. Valori posibile: text,password,checkbox,hidden,file,
radio,submit,reset,image.
NAME=numeNumele simbolic al valorii campului
VALUE=valoareContinutul prestabilit al campului de text
CHECKED= optiuneButon/caseta marcata in mod prestabilit
SIZE=xNumarul de caractere al unui camp de text
SIZE=xNumarul maxim de caractere acceptate
<SELECT> </SELECT> Grup de casete de validare
NAME=numeNumele simbolic al valorii campului
SIZE=xNumarul de articole de meniu care se afiseaza odata (prestabilit=1)
MULTIPLE=xPermite selectia unor articole de meniu multiple
<OPTION Alegerea particulara intr-un domeniu <SELECT>
VALUE=valoareValoarea rezultanta a acestei selectii din meniu
<TEXTAREA> </TEXTAREA> Camp de intare de tip text pe linii multiple
NAME=numeNumele simbolic al valorii campului
ROWS=xNumarul de linii al casetei de text
COLS=xNumarul de coloane (caractere) pe linie al casetei de text
<FIELDSET> </FIELDSET> Imparte formularul in parti logice
<LEGEND> </LEGEND> Numele asociat setului de campuri (fieldset)
ALIGN=sSpecifica alinierea legendei (explicatiei) afisate (top,bottom,left,right)
TABINDEX=xSpecifica ordinea elementelor atunci cand utilizatorul apasa tasta Tab
ACCESKEY=cSpecifica tasta care asigura comanda rapida de la tastatura asociata unui anumit element
DISABLEDElementul este inactiv, dar este afisat pe ecran
READONLYElementul este afisat pe ecran dar nu poate fi editat

Carcatere speciale
& &amp; ampersand
˜ tilda
<mai mic (less than)
>mai mare (greater than)
© simbolul de copyright
®simbolul pentru marca inregistrata
áa mic cu accent ascutit (acute)
âa mic cu accent circiumflex
ñn mic cu tilda
øo mic barat (slash)

HTML avansat
<STYLE> </STYLE> Specifica informatii referitoare modelul de stiluri
TYPE=valTipul modelului de stiluri. De regula "text/css"
<SCRIPT> </SCRIPT> Include un script de regula Javascript, in pagina Web
LANGUAGE=limbajLimbajul utilizat
EVENT=evenimentEveniment care declanseaza executia unor scripturi specifice
FOR=numeobiectNumele obiectului din pagina asupra caruia actioneaza scriptul


1111
 
  Continut

  1. Ce este HTML ?
  2. Primii pasi
  3. Fonturi
  4. Blocuri de text
  5. Imagini
  6. Legaturi
  7. Liste
  8. Tabele
  9. Ferestre in Html
10. Formulare
11. Stiluri
12. Javascript
13. Tag-uri

       [ HOME ]



|  Ce este HTML ? | Primii pasi | Fonturi | Blocuri de text | Imagini | Legaturi | Liste | Tabele |
| Ferestre in HTML | Formulare | Stiluri | Javascript | Tag-uri |
[ HOME ]


Copyright © 2000 UBM
a_bsz@yahoo.com