Am avut 367378 vizite de la lansarea siteului.

Ghidul programatorului HTML

GHIDUL PROGRAMATORULUI HTML

de Kevin Werbach
Versiunea 3.0 Formatată -- 21 Iulie 1996

Ultima versiune a acestui document este disponibilă la <Medicamente ejaculare precoce>.

Ghidul prezintă toate tag-urile recunoscute de majoritatea browser-elor - versiunile curente. Am inclus toate tag-urile din specificatia HTML 3.2 , precum si extensiile Netscape incluse în versiuni de pâna la 3.0b5. Acest ghid este scris astfel incât să fie cât mai concis posibil; mai multe detalii despre HTML sunt disponibile la WWW Help Page. Comentariile si sugestiile sunt întotdeauna binevenite.

Cuprins
  1. MATERIAL INTRODUCTIV
    • Ce este unic la acest ghid
    • Ce tag-uri HTML sunt incluse
    • Cum este formatat acest document (incluzând o descriere a simbolurilor si abreviatiilor)

  2. TAG-URI HTML
    • elemente de bază (fiecare document HTML ar trebui să le includă)
    • definitie structurală (aparente controlate de preferintele browser-ului)
    • format de prezentare (autorul specifică aparenta textului)
    • link-uri si imagini
    • divizori
    • liste
    • background-uri si culori
    • caractere speciale
    • form-uri
    • tabele
    • frame-uri
    • java
    • misc

    Important: Dacă nu vă este clară diferenta între HTML 2.0, HTML 3.0, HTML 3.2 si extensiile Netscape, vă sugerez să cititi declaratia W3C asupra limbajului HTML.

ELEMENTE DE BAZĂ

Tip document

<HTML></HTML>

(început si sfârsit fisier)

Titlu

<TITLE></TITLE>

(trebuie să fie în header)

Header

<HEAD></HEAD>

(informatii descriptive, cum ar fi titlul)

Corp

<BODY></BODY>

(corp pagină) 

 
 

DEFINITIE STRUCTURALĂ

Mărime font

<H?></H?>

(spec. defineste 6 nivele)

Mărime cu aliniere

<H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]

Divizare

<DIV></DIV>

Divizare cu aliniere

<DIV ALIGN=LEFT|RIGHT|CENTER></DIV>

Citat

<BLOCKQUOTE></BLOCKQUOTE> [*]

(de obicei deplasat)

Evidentiere

<EM></EM>

(de obicei aplecat)

Evidentiere prin îngrosare

<STRONG></STRONG>

(de obicei îngrosat)

Citat

<CITE></CITE>

(de obicei aplecat)

Cod

<CODE></CODE>

(pt. listare cod sursă)

Exemplu output

<SAMP></SAMP>

Input tastatură

<KBD></KBD>

Variabilă

<VAR></VAR>

Definitie

<DFN></DFN>

(nu prea raspândit)

Addresa autor

<ADDRESS></ADDRESS>

Font mare

<BIG></BIG>

Font mic

<SMALL></SMALL> 

 

FORMAT DE PREZENTARE

Îngrosat

<B></B>

Aplecat

<I></I>

N3.0b

Subliniat

<U></U>

(nu prea răspândit încă)

Evidentiat

<STRIKE></STRIKE>

(nu prea răspândit încă)

N3.0b

Evidentiat

<S></S>

(nu prea răpândit înca)

Subscript

<SUB></SUB>

Superscript

<SUP></SUP>

Masină de scris

<TT></TT>

(se foloseste un font tipografic)

Preformatare

<PRE></PRE>

(nu se ignoră spatiile si liniile noi)

Dimensiune

<PRE WIDTH=?></PRE>

(în caractere)

Centru

<CENTER></CENTER> [*]

(pentru text si imagini)

N1.0

Clipire

<BLINK></BLINK>

(cel mai ocolit tag)

Mărime font

<FONT SIZE=?></FONT>

(de la 1 la 7)

Schimbare mărime font

<FONT SIZE="+|-?"></FONT>

N1.0

Mărime de bază font

<BASEFONT SIZE=?>

(de la 1 la 7; implicit 3)

Culoare font

<FONT COLOR="#$$$$$$"></FONT>

N3.0b

Selectie font

<FONT FACE="***"></FONT>

N3.0b

Text pe mai multe coloane

<MULTICOL COLS=?></MULTICOL>

N3.0b

Distanta dintre coloane

<MULTICOL GUTTER=?></MULTICOL>

(implicit 10 pixeli)

N3.0b

Dimensiune coloană

<MULTICOL WIDTH=?></MULTICOL>

N3.0b

Distantare

<SPACER>

N3.0b

Tip distantare

<SPACER TYPE=horizontal| vertical|block>

N3.0b

Mărime distantare

<SPACER SIZE=?>

N3.0b

Dimensiuni distantare

<SPACER WIDTH=? HEIGHT=?>

N3.0b

Aliniere

<SPACER ALIGN=left|right|center> 

 
 

LINK-URI SI GRAFICĂ

Link către alt document

<A HREF="URL"></A>

Link către un target

<A HREF="URL#***"></A>

(în alt document)

<A HREF="#***"></A>

(în acelasi document)

N2.0

Fereastra tintă

<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>

Definire target în document

<A NAME="***"></A>

Relatie

<A REL="***"></A>

(nu prea răspândit)

Relatie inversă

<A REV="***"></A>

(nu prea răspândit)

Încărcare imagine

<IMG SRC="URL">

Aliniere

<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

N1.0

Aliniere

<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>

Alternare text

<IMG SRC="URL" ALT="***">

(dacă imaginea nu este incărcată)

Mapare imagine

<IMG SRC="URL" ISMAP>

(cere un CGI)

Utilizare imagine mapată

<IMG SRC="URL" USEMAP="URL">

Definire mapare

<MAP NAME="***"></MAP>

Definire regiune mapată

<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>

Dimensiuni

<IMG SRC="URL" WIDTH=? HEIGHT=?>

(în pixeli)

Chenar

<IMG SRC="URL" BORDER=?>

(în pixeli)

Spatiu inconjurator

<IMG SRC="URL" HSPACE=? VSPACE=?>

(în pixeli)

N1.0

Browser cu rezolutie mică

<IMG SRC="URL" LOWSRC="URL">

N1.1

Fortare client

<META CONTENT="?; URL=URL">

N2.0

Inserare obiect

<EMBED SRC="URL">

(inserare obiect in pagină)

N2.0

Dimensiuni obiect

<EMBED SRC="URL" WIDTH=? HEIGHT=?> 

 

DIVIZORI

Paragraf

<P></P> [*]

(de obicei nu e necesară închiderea tag-ului)

Aliniere text

<P ALIGN=LEFT|CENTER|RIGHT></P> [*]

Linie nouă

<BR>

(un singur CR)

Eliminare spatiu din jurul textului

<BR CLEAR=LEFT|RIGHT|ALL>

Linie orizontală

<HR>

Aliniere

<HR ALIGN=LEFT|RIGHT|CENTER>

Grosime

<HR SIZE=?>

(în pixeli)

Lungime

<HR WIDTH=?>

(în pixeli)

N1.0

Lungime procentuala

<HR WIDTH="%">

(procentaj din lătimea paginii)

Linie solidă

<HR NOSHADE>

(fără aspect 3D)

N1.0

Linie text continuă

<NOBR></NOBR>

(previne trecerea la linie nouă)

N1.0

Trecere la linie nouă

<WBR>

(unde e nevoie) 

 

LISTE

Liste nenumerotate

<UL><LI></UL>

(<LI> înainte de fiecare element al listei)

Compactă

<UL COMPACT></UL>

Tipul bullet-ului

<UL TYPE=DISC|CIRCLE|SQUARE>

(pentru toată lista)

<LI TYPE=DISC|CIRCLE|SQUARE>

(acesta si următorii)

Liste numerotate

<OL><LI></OL>

(<LI> înainte de fiecare element al listei)

Compactă

<OL COMPACT></OL>

Tipul numărătorii

<OL TYPE=A|a|I|i|1>

(pentru toată lista)

<LI TYPE=A|a|I|i|1>

(acesta si subsecventele sale)

Număr de început

<OL START=?>

(pentru toată lista)

<LI VALUE=?>

(acesta si subsecventele sale)

Liste de definitii

<DL><DT><DD></DL>

(<DT>=termen, <DD>=definitie)

Compactă

<DL COMPACT></DL>

Liste menu

<MENU><LI></MENU>

(<LI> înainte de fiecare element al listei)

Compactă

<MENU COMPACT></MENU>

Liste directori

<DIR><LI></DIR>

(<LI> înainte de fiecare element al listei)

Compactă

<DIR COMPACT></DIR> 

 

FUNDALURI SI CULORI

Imagine fundal

<BODY BACKGROUND="URL">

Culoare fundal

<BODY BGCOLOR="#$$$$$$"> [*]

(ordinea este rosu/verde/albastru)

Culoare text

<BODY TEXT="#$$$$$$"> [*]

Culoare link-uri

<BODY LINK="#$$$$$$"> [*]

Link-uri vizitate

<BODY VLINK="#$$$$$$"> [*]

Link activat

<BODY ALINK="#$$$$$$"> [*]

(Mai multe informatii la http://werbach.com/web/wwwhelp.html#color)

CARACTERE SPECIALE (trebuie sa fie minuscule)

Caracter special

&#?;

(unde ? este un cod ISO 8859-1)

<

&lt;

>

&gt;

&

&amp;

"

&quot;

Marcă înregistrată

&reg;

Copyright

&copy;

Spatiu neignorat

&nbsp;

(Lista completă la http://www.uni-passau.de/~ramsch/iso8859-1.html)

FORM-URI

Definire form

<FORM ACTION="URL" METHOD=GET|POST></FORM>

N2.0

Încărcare fisier

<FORM ENCTYPE="multipart/form-data"></FORM>

Cămp input

<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET">

Nume cămp

<INPUT NAME="***">

Valoare câmp

<INPUT VALUE="***">

Apăsat?

<INPUT CHECKED>

(checkbox si radio)

Dimensiune câmp

<INPUT SIZE=?>

(în caractere)

Dimensiune maximă

<INPUT MAXLENGTH=?>

(în caractere)

Listă de selectie

<SELECT></SELECT>

Nume listă

<SELECT NAME="***"></SELECT>

Număr de optiuni

<SELECT SIZE=?></SELECT>

Optiuni multiple

<SELECT MULTIPLE>

(se pot selecta mai multe optiuni)

Optiune

<OPTION>

(elemente ce pot fi selectate)

Optiune implicită

<OPTION SELECTED>

Dimensiune fereastră input text

<TEXTAREA ROWS=? COLS=?></TEXTAREA>

Nume fereastră

<TEXTAREA NAME="***"></TEXTAREA>

N2.0

Spatiere text

<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> 

 

TABELE

Definire tabel

<TABLE></TABLE> [*]

Chenar tabel

<TABLE BORDER=?></TABLE>

Spatiu între celule

<TABLE CELLSPACING=?>

Spatiu fată de marginea celulei

<TABLE CELLPADDING=?>

Dimensiune dorită

<TABLE WIDTH=?>

(în pixeli)

Dimensiune procentuală

<TABLE WIDTH="%">

(procentaj din pagină)

Linie tabel

<TR></TR>

Aliniere

<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

Celulă tabel

<TD></TD>

(trebuie să apară în interiorul unei linii tabel)

Aliniere

<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

Fără linii noi

<TD NOWRAP>

Pe câte coloane să se întindă

<TD COLSPAN=?>

Pe câte linii să se întindă

<TD ROWSPAN=?>

N1.1

Dimensiune dorită

<TD WIDTH=?>

(în pixeli)

N1.1

Dimensiune procentuală

<TD WIDTH="%">

(procentaj din tabel)

N3.0b

Culoare fundal celulă

<TD BGCOLOR="#$$$$$$">

Header tabel

<TH></TH>

(apare la fel ca datele din interior dar îngrosat, pe centru)

Aliniere

<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

Fără linii noi

<TH NOWRAP>

Pe câte coloane să se întindă

<TH COLSPAN=?>

Pe câte linii să se întindă

<TH ROWSPAN=?>

N1.1

Dimensiune dorită

<TH WIDTH=?>

(în pixeli)

N1.1

Dimensiune procentuală

<TH WIDTH="%">

(procentaj din tabel)

N3.0b

Culoare fundal

<TH BGCOLOR="#$$$$$$">

Captură tabel

<CAPTION></CAPTION>

Aliniere

<CAPTION ALIGN=TOP|BOTTOM>

(înainte/după tabel) 

 

FERESTRE

N2.0

Ferestre document

<FRAMESET></FRAMESET>

(în loc de <BODY>)

N2.0

Înăltime linii

<FRAMESET ROWS=,,,></FRAMESET>

(pixeli sau %)

N2.0

Înăltime linii

<FRAMESET ROWS=*></FRAMESET>

(* = dimensiune relativă)

N2.0

Lătime coloane

<FRAMESET COLS=,,,></FRAMESET>

(pixeli sau %)

N2.0

Lătime coloane

<FRAMESET COLS=*></FRAMESET>

(* = dimensiune relativa)

N3.0b

Dimensiune margini

<FRAMESET BORDER=?>

N3.0b

Margine

<FRAMESET FRAMEBORDER="yes|no">

N3.0b

Culoare margine

<FRAMESET BORDERCOLOR="#$$$$$$">

N2.0

Definire fereastră

<FRAME>

(continutul unei ferestre individuale)

N2.0

URL afisat în fereastră

<FRAME SRC="URL">

N2.0

Nume fereastră

<FRAME NAME="***"|_blank|_self| _parent|_top>

N2.0

Dimensiune margine

<FRAME MARGINWIDTH=?>

(margine stânga si dreapta)

N2.0

Dimensiune margine

<FRAME MARGINHEIGHT=?>

(margine de sus si de jos)

N2.0

Bară defilare?

<FRAME SCROLLING="YES|NO|AUTO">

N2.0

Neredimensionabil

<FRAME NORESIZE>

N3.0b

Margini

<FRAME FRAMEBORDER="yes|no">

N3.0b

Culoare margine

<FRAME BORDERCOLOR="#$$$$$$">

N2.0

Continut fără ferestre

<NOFRAMES></NOFRAMES>

(pt. browser-e ce nu cunosc frame-uri)

 

JAVA

Applet

<APPLET></APPLET>

Nume applet

<APPLET CODE="***">

Parametri

<APPLET PARAM NAME="***">

Locatie applet

<APPLET CODEBASE="URL">

Identificator applet

<APPLET NAME="***">

(pentru referiri din altă parte a paginii)

Text alternativ

<APPLET ALT="***">

(pt. browser-e non-Java)

Aliniere

<APPLET ALIGN="LEFT|RIGHT|CENTER">

Dimensiune

<APPLET WIDTH=? HEIGHT=?>

(în pixeli)

Distantare

<APPLET HSPACE=? VSPACE=?>

(în pixeli)

 

MISC

Comentariu

<!-- *** -->

(neafisat de browser)

HTML 3.2 Prolog

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*]

De căutat

<ISINDEX>

(indică un index de căutat)

Afisare

<ISINDEX PROMPT="***">

(text de afisat la input)

Trimitere căutare

<A HREF="URL?***"></a>

(a se folosi un semn de întrebare)

URL fisier curent

<BASE HREF="URL">

(trebuie să fie în header)

N2.0

Nume de bază fereastră

<BASE TARGET="***">

(trebuie să fie în header)

Relatie

<LINK REV="***" REL="***" HREF="URL">

(trebuie să fie în header)

Informatii meta

<META>

(trebuie să fie în header)

Foi de stil

<STYLE></STYLE>

(nu prea răspândit înca)

Scripturi Java

<SCRIPT></SCRIPT>

(nu prea răspândit înca) 

 
 

Home   |   Web Faq   |   Radio Online   |   About   |   Products   |   Webmaster Login

The quality software developer.™
© 2003-2004 ruben|labs corp. All Rights Reserved.
Timp de generare a paginii: 0.004 secunde
Versiune site: 1.8 SP3 (build 2305-rtm.88542-10.2004)