Sunteți pe pagina 1din 10

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 pna la 3.0b5. Acest ghid este scris astfel inct s fie ct 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 (incluznd 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 browserului) 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 sfrsit fisier)

Titlu Header Corp

<TITLE></TITLE> <HEAD></HEAD> <BODY></BODY>

(trebuie s fie n header) (informatii descriptive, cum ar fi titlul) (corp pagin)

DEFINITIE STRUCTURAL
Mrime font Mrime cu aliniere Divizare Divizare cu aliniere Citat Evidentiere Evidentiere prin ngrosare Citat Cod Exemplu output Input tastatur Variabil Definitie Addresa autor Font mare Font mic
<H?></H?>

<H? ALIGN=LEFT|CENTER|RIGHT></H?>

(spec. defineste 6 nivele)

[*]
<DIV></DIV> <DIV ALIGN=LEFT|RIGHT| CENTER></DIV> <BLOCKQUOTE></BLOCKQUOTE> <EM></EM> <STRONG></STRONG> <CITE></CITE> <CODE></CODE> <SAMP></SAMP> <KBD></KBD> <VAR></VAR> <DFN></DFN> <ADDRESS></ADDRESS> <BIG></BIG> <SMALL></SMALL>

[*]

(de obicei deplasat) (de obicei aplecat) (de obicei ngrosat) (de obicei aplecat) (pt. listare cod surs)

(nu prea raspndit)

FORMAT DE PREZENTARE
ngrosat Aplecat N3.0b Subliniat Evidentiat
<B></B> <I></I> <U></U> <STRIKE></STRIKE>

(nu prea rspndit nc) (nu prea

N3.0b Evidentiat Subscript Superscript Masin de scris Preformatare Dimensiune Centru N1.0 Clipire Mrime font Schimbare mrime font Mrime de baz font Culoare font Selectie font Text pe mai multe coloane Distanta dintre coloane Dimensiune coloan Distantare Tip distantare

<S></S> <SUB></SUB> <SUP></SUP> <TT></TT>

rspndit nc) (nu prea rpndit nca) (se foloseste un font tipografic) (nu se ignor spatiile si liniile noi) (n caractere) (pentru text si imagini) (cel mai ocolit tag) (de la 1 la 7) (de la 1 la 7; implicit 3)

<PRE></PRE>

<PRE WIDTH=?></PRE> <CENTER></CENTER> <BLINK></BLINK> <FONT SIZE=?></FONT> <FONT SIZE="+|-?"></FONT> <BASEFONT SIZE=?> <FONT COLOR="#$$$$$$"></FONT> <FONT FACE="***"></FONT> <MULTICOL COLS=?></MULTICOL> <MULTICOL GUTTER=?></MULTICOL> <MULTICOL WIDTH=?></MULTICOL> <SPACER> <SPACER TYPE=horizontal| vertical|block> <SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=left|right| center>

[*]

N1.0 N3.0b N3.0b N3.0b N3.0b N3.0b N3.0b

(implicit 10 pixeli)

N3.0b Mrime distantare N3.0b Dimensiuni distantare N3.0b Aliniere

LINK-URI SI GRAFIC
Link ctre alt document Link ctre un target
<A HREF="URL"></A> <A HREF="URL#***"></A> <A HREF="#***"></A>

(n alt document) (n acelasi document)

N2.0

Fereastra tint Definire target n document Relatie Relatie invers ncrcare imagine Aliniere

<A HREF="URL" TARGET="***| | _blank|_self|_parent| _top"></A> <A NAME="***"></A> <A REL="***"></A> <A REV="***"></A> <IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP| BOTTOM|MIDDLE|LEFT|RIGHT> <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> <IMG SRC="URL" ALT="***">

(nu prea rspndit) (nu prea rspndit)

N1.0

Aliniere Alternare text Mapare imagine Utilizare imagine mapat Definire mapare Definire regiune mapat Dimensiuni Chenar Spatiu inconjurator

<IMG SRC="URL" ISMAP> <IMG SRC="URL" USEMAP="URL"> <MAP NAME="***"></MAP> <AREA SHAPE="RECT" COORDS=",,," HREF="URL"| NOHREF> <IMG SRC="URL" WIDTH=? HEIGHT=?> <IMG SRC="URL" BORDER=?> <IMG SRC="URL" HSPACE=? VSPACE=?> <IMG SRC="URL" LOWSRC="URL"> <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> <EMBED SRC="URL">

(dac imaginea nu este incrcat) (cere un CGI)

(n pixeli) (n pixeli) (n pixeli)

N1.0 N1.1 N2.0 N2.0

Browser cu rezolutie mic Fortare client Inserare obiect Dimensiuni obiect

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

(inserare obiect in pagin)

DIVIZORI
Paragraf
<P></P>

[*]

(de obicei nu e necesar nchiderea tag-ului) (un singur

Aliniere text Linie nou

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

[*]

<BR>

Eliminare spatiu din jurul textului Linie orizontal Aliniere Grosime Lungime N1.0 Lungime procentuala Linie solid N1.0 Linie text continu N1.0 Trecere la linie nou

<BR CLEAR=LEFT|RIGHT|ALL> <HR> <HR ALIGN=LEFT|RIGHT|CENTER> <HR SIZE=?> <HR WIDTH=?> <HR WIDTH="%">

CR)

<HR NOSHADE> <NOBR></NOBR>

<WBR>

(n pixeli) (n pixeli) (procentaj din ltimea paginii) (fr aspect 3D) (previne trecerea la linie nou) (unde e nevoie)

LISTE
Liste nenumerotate Compact Tipul bullet-ului Liste numerotate Compact Tipul numrtorii Numr de nceput Liste de definitii Compact Liste menu
<UL><LI></UL>

(<LI> nainte de fiecare element al listei) (pentru toat lista) (acesta si urmtorii) (<LI> nainte de fiecare element al listei) (pentru toat lista) (acesta si subsecventele sale) (pentru toat lista) (acesta si subsecventele sale) (<DT>=termen, <DD>=definitie) (<LI> nainte de fiecare element al

<UL COMPACT></UL> <UL TYPE=DISC|CIRCLE|SQUARE> <LI TYPE=DISC|CIRCLE|SQUARE> <OL><LI></OL>

<OL COMPACT></OL> <OL TYPE=A|a|I|i|1> <LI TYPE=A|a|I|i|1> <OL START=?> <LI VALUE=?> <DL><DT><DD></DL> <DL COMPACT></DL> <MENU><LI></MENU>

Compact Liste directori Compact

<MENU COMPACT></MENU> <DIR><LI></DIR>

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

<DIR COMPACT></DIR>

FUNDALURI SI CULORI
Imagine fundal Culoare fundal
<BODY BACKGROUND="URL"> <BODY BGCOLOR="#$$$$$$">

[*]

(ordinea este rosu/verde/alb astru)

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 88591)

&lt; < &gt; > &amp; & &quot; " Marc nregistrat &reg; &copy; Copyright &nbsp; Spatiu neignorat (Lista complet la http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

FORM-URI
Definire form N2.0 ncrcare fisier Cmp input
<FORM ACTION="URL" METHOD=GET| POST></FORM> <FORM ENCTYPE="multipart/formdata"></FORM> <INPUT TYPE="TEXT|PASSWORD| CHECKBOX|RADIO| IMAGE|HIDDEN| SUBMIT|RESET">

Nume cmp Valoare cmp Apsat? Dimensiune cmp Dimensiune maxim List de selectie Nume list Numr de optiuni Optiuni multiple

<INPUT NAME="***"> <INPUT VALUE="***"> <INPUT CHECKED> <INPUT SIZE=?> <INPUT MAXLENGTH=?> <SELECT></SELECT> <SELECT NAME="***"></SELECT> <SELECT SIZE=?></SELECT> <SELECT MULTIPLE>

(checkbox si radio) (n caractere) (n caractere)

Optiune Optiune implicit Dimensiune fereastr input text Nume fereastr N2.0 Spatiere text

<OPTION>

<OPTION SELECTED> <TEXTAREA ROWS=? COLS=?></TEXTAREA> <TEXTAREA NAME="***"></TEXTAREA> <TEXTAREA WRAP=OFF|VIRTUAL| PHYSICAL></TEXTAREA>

(se pot selecta mai multe optiuni) (elemente ce pot fi selectate)

TABELE
Definire tabel Chenar tabel Spatiu ntre celule Spatiu fat de marginea celulei Dimensiune dorit Dimensiune procentual Linie tabel Aliniere Celul tabel Aliniere
<TABLE></TABLE> [*] <TABLE BORDER=?></TABLE> <TABLE CELLSPACING=?> <TABLE CELLPADDING=?> <TABLE WIDTH=?> <TABLE WIDTH="%"> <TR></TR> <TR ALIGN=LEFT|RIGHT| CENTER| MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> <TD></TD>

(n pixeli) (procentaj din pagin)

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

(trebuie s apar n interiorul unei linii tabel)

Fr linii noi Pe cte coloane s se ntind Pe cte linii s se ntind N1.1 Dimensiune dorit N1.1 Dimensiune procentual N3.0 Culoare fundal celul b Header tabel

<TD NOWRAP> <TD COLSPAN=?> <TD ROWSPAN=?> <TD WIDTH=?> <TD WIDTH="%"> <TD BGCOLOR="#$$$$$$"> <TH></TH>

(n pixeli) (procentaj din tabel) (apare la fel ca datele din interior dar ngrosat, pe centru)

Aliniere Fr linii noi Pe cte coloane s se ntind Pe cte linii s se ntind N1.1 Dimensiune dorit N1.1 Dimensiune procentual N3.0 Culoare fundal b Captur tabel Aliniere

<TH ALIGN=LEFT|RIGHT| CENTER| MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> <TH NOWRAP> <TH COLSPAN=?> <TH ROWSPAN=?> <TH WIDTH=?> <TH WIDTH="%"> <TH BGCOLOR="#$$$$$$"> <CAPTION></CAPTION> <CAPTION ALIGN=TOP|BOTTOM>

(n pixeli) (procentaj din tabel)

(nainte/dup tabel)

FERESTRE
N2.0 Ferestre document N2.0 nltime linii N2.0 nltime linii N2.0 Ltime coloane N2.0 Ltime coloane
<FRAMESET></FRAMESET> <FRAMESET ROWS=,,,></FRAMESET> <FRAMESET ROWS=*></FRAMESET>

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

(n loc de <BODY>) (pixeli sau %) (* = dimensiune relativ) (pixeli sau %) (* = dimensiune relativa)

N3.0 b N3.0 b N3.0 b N2.0

Dimensiune margini Margine Culoare margine Definire fereastr

<FRAMESET BORDER=?> <FRAMESET FRAMEBORDER="yes|no"> <FRAMESET BORDERCOLOR="#$$$$$$"> <FRAME>

N2.0 URL afisat n fereastr N2.0 Nume fereastr N2.0 Dimensiune margine N2.0 Dimensiune margine N2.0 N2.0 N3.0 b N3.0 b N2.0 Bar defilare? Neredimensionabil Margini Culoare margine Continut fr ferestre

<FRAME SRC="URL"> <FRAME NAME="***"|_blank|_self| _parent|_top> <FRAME MARGINWIDTH=?>

(continutul unei ferestre individuale)

<FRAME MARGINHEIGHT=?> <FRAME SCROLLING="YES|NO|AUTO"> <FRAME NORESIZE> <FRAME FRAMEBORDER="yes|no"> <FRAME BORDERCOLOR="#$$$$$$"> <NOFRAMES></NOFRAMES>

(margine stnga si dreapta) (margine de sus si de jos)

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

JAVA
Applet Nume applet Parametri Locatie applet Identificator applet Text alternativ Aliniere Dimensiune Distantare
<APPLET></APPLET> <APPLET CODE="***"> <APPLET PARAM NAME="***"> <APPLET CODEBASE="URL"> <APPLET NAME="***">

<APPLET ALT="***"> <APPLET ALIGN="LEFT|RIGHT| CENTER"> <APPLET WIDTH=? HEIGHT=?> <APPLET HSPACE=? VSPACE=?>

(pentru referiri din alt parte a paginii) (pt. browser-e non-Java) (n pixeli) (n pixeli)

MISC
Comentariu HTML 3.2 Prolog De cutat Afisare Trimitere cutare URL fisier curent N2.0 Nume de baz fereastr Relatie Informatii meta Foi de stil Scripturi Java
<!-- *** --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

(neafisat de browser)

[*]

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

<BASE HREF="URL"> <BASE TARGET="***"> <LINK REV="***" REL="***" HREF="URL"> <META> <STYLE></STYLE> <SCRIPT></SCRIPT>

(indic un index de cutat) (text de afisat la input) (a se folosi un semn de ntrebare) (trebuie s fie n header) (trebuie s fie n header) (trebuie s fie n header) (trebuie s fie n header) (nu prea rspndit nca) (nu prea rspndit 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