GHIDUL PROGRAMATORULUI HTML

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

Ultima versiune a acestui document este disponibilă la <http://werbach.com/barebones/>.

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

  2. TAG-URI HTML

    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> Produse unghii cu gel

(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/%7Eramsch/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) 

 
 

Copyright ©1995-1997 Kevin Werbach. Redistribuire non-comercială permisă. Acest ghid nu este produs al Bare Bones Software; similaritatea numelor este pură coincidentă. 

 

Cuprins | LISTA TAG-URI | Versiune text | Pagina de Web a lui Kevin | Pagina Web LUFO