Sunteți pe pagina 1din 14

ELEMENTE DE BAZ

Tip document Titlu Header Corp


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

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

DEFINITIE STRUCTURAL
Mrime font
<H?></H?>

(spec. defineste 6 nivele)

Mrime cu aliniere

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

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

Divizare Divizare cu aliniere Citat

[*]

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

Evidentiere

<EM></EM>

Evidentiere prin ngrosare Citat

<STRONG></STRONG>

<CITE></CITE>

Cod

<CODE></CODE>

Exemplu output Input tastatur Variabil Definitie

<SAMP></SAMP> <KBD></KBD> <VAR></VAR> <DFN></DFN>

(nu prea raspndit)

Addresa autor Font mare Font mic

<ADDRESS></ADDRESS> <BIG></BIG> <SMALL></SMALL>

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

(nu prea rspndit nc) (nu prea rspndit nc) (nu prea rpndit nca)

Evidentiat

<STRIKE></STRIKE>

N3.0b Evidentiat

<S></S>

Subscript Superscript Masin de scris

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

(se foloseste

un font tipografic) Preformatare


<PRE></PRE>

(nu se ignor spatiile si liniile noi) (n caractere) (pentru text si imagini) (cel mai ocolit tag) (de la 1 la 7)

Dimensiune

<PRE WIDTH=?></PRE>

Centru

<CENTER></CENTER>

[*]

N1.0

Clipire

<BLINK></BLINK>

Mrime font

<FONT SIZE=?></FONT>

Schimbare mrime font N1.0 Mrime de baz font

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

(de la 1 la 7; implicit 3)

Culoare font N3.0b Selectie font

<FONT COLOR="#$$$$$$"></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 N3.0b Distantare N3.0b Tip distantare

<MULTICOL WIDTH=?></MULTICOL> <SPACER> <SPACER TYPE=horizontal| vertical|block>

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

<SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=left|right|center>

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

(n alt document) (n acelasi document)

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

N2.0 Fereastra tint Definire target n document Relatie

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

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

(nu prea rspndit) (nu prea rspndit)

Relatie invers

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

ncrcare imagine Aliniere N1.0 Aliniere Alternare text

<IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP|BOTTOM| MIDDLE|LEFT|RIGHT> <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> <IMG SRC="URL" ALT="***">

(dac imaginea nu este

incrcat) Mapare imagine


<IMG SRC="URL" ISMAP>

(cere un CGI)

Utilizare imagine mapat Definire mapare

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

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

Definire regiune mapat <AREA SHAPE="RECT" COORDS=",,,"


HREF="URL"|NOHREF>

Dimensiuni Chenar Spatiu inconjurator N1.0 Browser cu rezolutie mic N1.1 Fortare client N2.0 Inserare obiect

<IMG SRC="URL" WIDTH=? HEIGHT=?> <IMG SRC="URL" BORDER=?> <IMG SRC="URL" HSPACE=? VSPACE=?> <IMG SRC="URL" LOWSRC="URL">

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

<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> <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>

[*]
<BR>

Linie nou

(un singur CR)

Eliminare spatiu din jurul textului Linie orizontal Aliniere Grosime Lungime N1.0 Lungime procentuala

<BR CLEAR=LEFT|RIGHT|ALL>

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

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

Linie solid

<HR NOSHADE>

N1.0 Linie text continu

<NOBR></NOBR>

N1.0 Trecere la linie nou

<WBR>

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> <LI TYPE=DISC|CIRCLE|SQUARE>

(pentru toat lista) (acesta si urmtorii) (<LI> nainte de fiecare element al listei)

Liste numerotate

<OL><LI></OL>

Compact Tipul numrtorii

<OL COMPACT></OL> <OL TYPE=A|a|I|i|1> <LI TYPE=A|a|I|i|1>

(pentru toat lista) (acesta si subsecventele sale) (pentru toat lista) (acesta si subsecventele sale) (<DT>=termen, <DD>=definitie)

Numr de nceput

<OL START=?> <LI VALUE=?>

Liste de definitii

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

Compact Liste menu

<DL COMPACT></DL> <MENU><LI></MENU>

(<LI> nainte de fiecare element al listei)

Compact Liste directori

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

(<LI> nainte de fiecare element al listei)

Compact

<DIR COMPACT></DIR>

FUNDALURI SI CULORI

Imagine fundal Culoare fundal

<BODY BACKGROUND="URL"> <BODY BGCOLOR="#$$$$$$">

[*]

(ordinea este rosu/verde/albastru)

Culoare text Culoare link-uri Link-uri vizitate Link activat

<BODY TEXT="#$$$$$$"> <BODY LINK="#$$$$$$">

[*] [*] [*] [*]

<BODY VLINK="#$$$$$$"> <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 Spatiu neignorat


&copy; &nbsp;

(Lista complet la http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

FORM-URI

Definire form N2.0 ncrcare fisier Cmp input Nume cmp Valoare cmp Apsat?

<FORM ACTION="URL" METHOD=GET| POST></FORM> <FORM ENCTYPE="multipart/formdata"></FORM> <INPUT TYPE="TEXT|PASSWORD|CHECKBOX| RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> <INPUT NAME="***"> <INPUT VALUE="***"> <INPUT CHECKED>

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

Dimensiune cmp

<INPUT SIZE=?>

Dimensiune maxim List de selectie Nume list Numr de optiuni Optiuni multiple

<INPUT MAXLENGTH=?>

<SELECT></SELECT> <SELECT NAME="***"></SELECT> <SELECT SIZE=?></SELECT> <SELECT MULTIPLE>

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

Optiune

<OPTION>

Optiune implicit

<OPTION SELECTED>

<TEXTAREA ROWS=? COLS=?></TEXTAREA> Dimensiune fereastr input text

Nume fereastr N2.0 Spatiere text

<TEXTAREA NAME="***"></TEXTAREA> <TEXTAREA WRAP=OFF|VIRTUAL| PHYSICAL></TEXTAREA>

TABELE
Definire tabel Chenar tabel Spatiu ntre celule Spatiu fat de marginea celulei Dimensiune dorit Dimensiune procentual
<TABLE></TABLE>

[*]

<TABLE BORDER=?></TABLE> <TABLE CELLSPACING=?> <TABLE CELLPADDING=?>

<TABLE WIDTH=?> <TABLE WIDTH="%">

(n pixeli) (procentaj din pagin)

Linie tabel Aliniere

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

Celul tabel

(trebuie s apar n interiorul unei linii tabel)

Aliniere

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

Fr linii noi

<TD NOWRAP>

Pe cte coloane s se ntind <TD COLSPAN=?> Pe cte linii s se ntind N1.1 N1.1 Dimensiune dorit Dimensiune procentual
<TD ROWSPAN=?> <TD WIDTH=?> <TD WIDTH="%">

(n pixeli) (procentaj din tabel)

N3.0b Culoare fundal celul Header tabel

<TD BGCOLOR="#$$$$$$"> <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> <TH NOWRAP>

Fr linii noi

Pe cte coloane s se ntind <TH COLSPAN=?> Pe cte linii s se ntind N1.1 N1.1 Dimensiune dorit Dimensiune procentual
<TH ROWSPAN=?> <TH WIDTH=?> <TH WIDTH="%">

(n pixeli) (procentaj din tabel)

N3.0b Culoare fundal Captur tabel Aliniere

<TH BGCOLOR="#$$$$$$"> <CAPTION></CAPTION> <CAPTION ALIGN=TOP|BOTTOM>

(nainte/dup tabel)

FERESTRE
N2.0 Ferestre document
<FRAMESET></FRAMESET>

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

N2.0 N2.0

nltime linii nltime linii

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

N2.0 N2.0

Ltime coloane Ltime coloane

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

N3.0b Dimensiune margini N3.0b Margine N3.0b Culoare margine N2.0 Definire fereastr

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

(continutul unei ferestre individuale)

N2.0 N2.0 N2.0

URL afisat n fereastr <FRAME SRC="URL"> Nume fereastr Dimensiune margine


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

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

N2.0

Dimensiune margine

<FRAME MARGINHEIGHT=?>

N2.0

Bar defilare?

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

N2.0

Neredimensionabil

<FRAME NORESIZE> <FRAME FRAMEBORDER="yes|no"> <FRAME BORDERCOLOR="#$$$$$$">

N3.0b Margini N3.0b Culoare margine N2.0

Continut fr ferestre <NOFRAMES></NOFRAMES>

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

JAVA
Applet Nume applet Parametri Locatie applet
<APPLET></APPLET> <APPLET CODE="***"> <APPLET PARAM NAME="***"> <APPLET CODEBASE="URL">

Identificator applet <APPLET NAME="***">

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

Text alternativ

<APPLET ALT="***">

Aliniere Dimensiune Distantare

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

(n pixeli) (n pixeli)

MISC
Comentariu
<!-- *** -->

(neafisat de browser)

HTML 3.2 Prolog

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

[*] De cutat
<ISINDEX>

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

Afisare

<ISINDEX PROMPT="***">

Trimitere cutare

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

URL fisier curent

<BASE HREF="URL">

N2.0 Nume de baz fereastr <BASE TARGET="***">

Relatie

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

Informatii meta

Foi de stil

<STYLE></STYLE>

Scripturi Java

<SCRIPT></SCRIPT>