Documente Academic
Documente Profesional
Documente Cultură
Fundamente HTML
<html>
<head> </head>
<body> </body>
</html>
1
In plus, in sectiunea <body>...</body> putem scrie texte cat
dorim. Daca nu intalnim nici un marcaj "<" sau ">", atunci
interpretorul HTML le va lua ca texte simple si le va afisa pe ecran.
Sa vedem o noua versiune a paginii noastre:
<html>
<head>
<title>Aceasta este prima mea pagina de
Web</title>
</head>
<body>
Bine ati venit in pagina mea de Web!
</body>
</html>
<html>
<head>
<title> titlul paginii</title>
</head>
<body> Bine ati venit in <br> pagina mea de
Web!
</body>
</html>
Culoarea de fond
2
Culoarea fundalului unei pagini se precizeaza prin intermediul unui
atribut al tagului BODY. mai exact cu atributul "bgcolor" din
cadrul etichetei <body>. De exemplu: <body bgcolor =
culoare>.
Culoarea textului
<html>
<head>
<title>culoare textului </title>
</head>
<body text=red>
Un text de culoare rosie.
</body>
</html>
<html>
<head>
<title>atribute multiple </title>
</head>
<body bgcolor=blue text=yellow>
Fond de culoare albastra si text de culoare
galbena.
</body>
</html>
3
2. "Topmargin" (stabileste distanta dintre marginea de
sus a ferestrei browserului si marginea de sus a
continutului paginii);
<html>
<head>
<title>Configurarea textului si stabilirea
marginii </title>
</head>
<body leftmargin="100" topmargin="50">
Textul are atribute implicite. <br><basefont
style="Arial" color="blue" size="6">
Textul este scris cu fontul "Arial", culoare
albastru si marime 6. </body>
</html>
4
Toate aceste atribute apartin etichetei <font>, care permite
inserarea de blocuri de texte personalizate.
Culori
Culorea fontului
Familia fontului
Pentru a scrie un text intr-o pagina pot fi folosite mai multe fonturi
(stiluri de caractere). Exista cinci familii generice de fonturi care
sunt de regula disponibile pe toate calculatoarele utilizatorilor:
"serif", "sans serif", "cursive", "monospace" si "fantasy". Tipul de
font necesar poate fi stabilit prin atributul "face" al etichetei. Pot fi
introduse mai multe fonturi separate prin virgula. In acest caz
browserul va utiliza primul font pe care il cunoaste.
Marimea fontului
5
un bloc de text in cadrul paginii Web. Etichetele care lucreaza cu
blocuri de text produc automat trecerea la un rand nou si adaugarea
unui spatiu suplimentar.
<html>
<head>
<title> Indentarea unui bloc</title>
</head>
<body>
Textul ce urmeaza este
indentat:<blockquote>Bloc de text
identat</blockquote>
</body>
</html>
<html>
<head>
<title> xmp si listing</title>
</head>
<body>
Un fisier html standard arata astfel: <xmp>
<html>
<head>
<title> </title>
</head>
<body>
O pagina Web ...
</body>
6
</html> </xmp> </body>
</html>
Blocuri paragraf
Exemplu:
<html>
<head>
<title> Blocuri paragraf</title>
</head>
<body>
Prima linie
<p> Lini generata de un paragraf (implicit
paragraful este aliniat la stanga).
<p align="right"> Paragraf aliniat la dreapta.
<p align="center"> Paragraf aliniat in centru.
</body>
</html>
Blocuri de titlu
<html>
<head>
<title> Blocuri de titlu</title>
</head>
<body>
<H2 align="center"> Titlu de marime 1 aliniat in
7
centru </H2>
<H3 align="right"> Titlu de marime 2 aliniat la
dreapta. </H3>
<h4> Titlu de marime 4 aliniat la stanga
(implicit) </h4>
</body>
</html>
Linii orizontale
Intr-o pagina Web pot fi inserate linii orizontale. Acest lucru se face
cu ajutorul etichetei <hr>. Pentru a configura o linie orizontala se
utilizeaza urmatorele atribute ale etichetei <hr>:
Exemplu:
<html>
<head>
<title> Linii orizontale</title>
</head>
<body>
<H2 align="center"> Tipuri de linii orizontale
</H2> O linie implicita, aliniere stanga, latime
100%, grosime 2 cu umbra.
<hr>
Urmeaza o linie aliniata in centru, de latime
50%, grosime 5 pixeli, fara umbra.
<hr align="center" width="50%" size="5"
noshade>Urmeaza o linie aliniata la dreapta, de
latime 150 de pixeli, grosime 12 pixeli, de
culoare rosie.
<hr align="right" width=150 size=12
color="red">
</body>
</html>
Blocuri CENTER
8
<html>
<head>
<title> Linii orizontale</title>
</head>
<body>
<center> <hr width=10%> <hr width=40%>
<hr width=70%> <hr width=100%> <hr
width=70%> <hr width=40%> <hr width=10%>
</center>
</body>
</html>
Blocuri DIV
<html>
<head>
<title>Blocul DIV</title>
</head>
<body>
Aceasta linie este o linie normala.Urmatorul bloc
este aliniat la dreapta.
<div align="right">
O singura linie.O singura linie.O singura linie.O
singura linie.<br>
O singura linie.O singura linie.O singura linie.O
singura linie.<br>
O singura linie.O singura linie.O singura linie.O
singura linie.<br>
</div>
<div align="center">
9
Bloc aliniat pe centru.Bloc aliniat pe
centru.<br>
Bloc aliniat pe centru.Bloc aliniat pe
centru.<br>
Bloc aliniat pe centru.Bloc aliniat pe
centru.<br>
</div>
</body>
</html>
Cele mai raspandite formate sunt GIF (8 biti pentru o culoare, 256
culori posibile) si JPEG (24 biti pentru o culoare, 16777216 de culori
posibile).
10
care este apelata, sa spunem "images", atunci aceasta este apelata
cu URL-ul: "/images/imagine1.jpg" . In schimb, daca fisierul
imagine este situat intr-un director "images" dintr-un super director
al directorului paginii HTML apelante, referirea se face cu URL-ul:
"../images/imagine1.jpg" . Exemplu:
<html>
<head>
<title> O pagina cu imagine</title>
</head>
<body>
O pagina care contine o imagine in subdirectorul
images dintr-un super director al unui
superdirector al directorului paginii HTML
<img src="../../images/imagine1.jpg">Text
dupa imagine.
</body>
</html>
<html>
<head>
<title> Imagine cu chenar si marit</title>
</head>
<body>
O imagine cu chenar si de 200 pixeli X 15 %
<img src="/images/imagine1.jpg" border="5"
width="350" height="25%"> Text dupa imagine.
</body>
</html>
11
Alinierea unei imagini se poate face prin intermediul atributului
"align" care poate lua urmatorele valori:
Exemplu:
<html>
<head>
<title> Alinierea unei imagini</title>
</head>
<body>
Alinieri:
<br> Pe verticala:
<img src="/images/img1.jpg" align="top">
La mijloc: <img src="/images/img1.jpg"
align="middle">
Jos: <img src="/images/img1.jpg"
align="bottom"> Text dupa imagine.
</body>
</html>
<html>
<head>
<title> Alinierea textului</title>
</head>
<body>
<h4>Imagine aliniat la stanga inconjurata de
text la distanta de 30 de pixeli.
</h4><p> Text inainte de imagine.Text inainte
12
de imagine.Text inainte de imagine.Text inainte
de imagine. Text inainte de imagine.Text inainte
de imagine.Text inainte de imagine.Text inainte
de imagine.
<img src="../images/img1.jpg" align="left"
hspace="30" vspace="30" alt="Universitatea de
Nord Baia Mare">
Text dupa imagine.Text dupa imagine.Text dupa
imagine.Text dupa imagine.Text dupa imagine.
Text dupa imagine.Text dupa imagine.Text dupa
imagine.Text dupa imagine.Text dupa imagine.
</body>
</html>
<html>
<head>
<title> Pagina cu imagine de fond</title>
</head>
<body background="../images/img1.jpg">
1<br>2<br>3<br>4<br>
5<br>6<br>7<br>8<br> 9<br> </body>
</html>
13
<html>
<head>
<title> Imagini folosite ca legaturi</title>
</head>
<body"><h4>Imagini folosite ca legaturi</h4>
Text inainte de imagine.<a
href="index.html"><img
src="../../images/img1.jpg "></a>
Text dupa imagine.
</body>
</html>
<html>
<head>
<title> Comutarea intre doua pagini</title>
</head>
<body>
<h3>Pagina 1 </h3>
<a href="pagina_2.html">
Link catre pagina 2 </a>
</body>
</html>
14
Daca pagina referita se afla pe acelasi disc local cu pagina care face
referirea dar intr-un alt director, atunci, pentru a preciza pozitia ei
in structura de directoare se poate folosi adresarea relativa, dupa
cum urmeaza (se mentine analogia cu adresarea relativa a
imaginilor):
<html>
<head>
<title> Comutarea intre doua pagini aflate pe
acelasi disc local</title>
</head>
<body>
<h3>Pagina 3 </h3>
<a href="../../exemple/list/exemplu_11.html">
Link catre o pagina cu liste </a>
</body>
</html>
<html>
<head>
<title> Link catre site-ul firmei
Netscape</title>
</head>
<body>
<h3>Link catre site-ul firmei Netscape </h3>
<a href="http://www.netscape.com">
Netscape Corporation </a>
</body>
</html>
Ancore
Intr-o pagina foarte lunga pot exista puncte de reper catre care se
definesc legaturi. O ancora se defineste de asemenea prin eticheta
<a>. Pentru a defini ancora se utilizeaza atributul "name" care
primeste ca valoare un nume atribuit ancorei (de exemplu "leg1").
Pentru a insera o legatura catre "leg1" definita in aceeasi pagina, se
utilizeaza eticheta <a> avand atributul "href" la valoarea "#leg1".
Pentru a introduce o legatura catre o ancora definita in alta pagina
aflata in acelasi director, atributul "href" primeste de data aceasta o
valoare de forma "nume_fisier.html#nume_ancora" .
Exemplu:
15
<html>
<head>
<title> Ancore definite in acelasi document si in
alt document</title>
</head>
<body>
<h3>Ancore definite in acelasi document si in
alt document </h3>
<a href="#ancora1">
Link catre ancora 1 </h3>
<a href="../../legaturi.html#anc">
Link catre o ancora din alt document </a>
<br> 1<br>2<br>3<br>4<br>5
<a name="ancora1">Ancora 1
</body>
</html>
O pagina Web poate contine legaturi catre orice tip de fisiere aflate
pe orice servere din Internet. Pentru aceasta se utilizeaza eticheta
<a> avand valoarea atributului "href" egala cu adresa URL a
fisierului destinatie. Atunci cand se efectueaza clic pe legatura din
exemplul urmator, browserul deschide o caseta de dialog intitulata
"File download" care permite:
Exemplu:
<html>
<head>
<title> Legaturi catre fisiere oarecare</title>
</head>
<body>
<h3>Legaturi catre fisiere oarecare</h3><br>
<a href="fisier.zip">
Link catre fisierul fisier.zip
</body>
</html>
Unul din cele mai obisnuite elemente din documentele cu mai multe
16
pagini este un set de definitii, referinte sau indexuri. Glosarele sunt
exemple clasice in acest sens; cuvintele sunt listate in ordine
alfabetica, urmate de definitii ale termenilor respectivi. In HTML,
intreaga sectiune a unui glosar va fi gestoinata printr-o lista de
definitii care este inclusa intr-o pereche de marcaje de tip lista de
definitii: <dl>...</dl> (de la "definition list" = lista de definitii).
Observatii:
Exemplu:
<html>
<head><title>listex_1</title></head>
<body><H2 align=center>O lista de
definitii</H2><hr>
<dl>
Glosar de termeni de World Wide Web
<dt><b>hypertext</b>
<dd>- o interconectare Web de informatii de tip
text, in care orice cuvant sau fraza poate face
legatura catre un alt punct din document sau
catre un alt document
<dt><b>date</b>
<dd>- fluxul nesfarsit de materiale care apar pe
Internet, spre deosebire de informatii care sunt
date cu un anumit inteles sau valoare
<dt><b>informatie</b>
<dd>- sub-setul de date care are efectiv
semnificatie si care este util la momentul curent
</dl>
</body>
</html>
Liste neordonate
17
<html>
<head><title>listex_2</title></head>
<body><H2 align=center>O lista
neordonata</H2><hr>
Glosar de termeni World Wide Web
<ul>Culori uzuale disponibile prin nume
<li>Black <li>White <li>Red <li>Green
<li>Blue <li>Yellow <li>Purple <li>Aqua
</ul>
</body>
</html>
Tag-urile <ul> si <li> pot avea un atribut " type" care sabileste
caracterul asfisat in fata fiecarui element al listei. Valorile posibile al
acestui atribut sunt:
1. "circle" (cerc);
2. "disc" (disc plin) - valoarea implicita;
3. "square" (patrat);
<html>
<head><title>listex_3</title></head>
<body><H2 align=center>O lista neordonata de
liste neordonate</H2><hr>
Glosar de termeni de World Wide Web
<ul>Elemente si atribute a unei pagini HTML
<li>Frameset <ul>Atribute: <li>cols <li>rows
<li>border </ul>
<li>Frame <ul>Atribute: <li>src <li>name
<li>scrolling </ul>
</ul>
</body>
</html>
Liste ordonate
<html>
<head><title>listex_4</title></head>
<body><H2 align=center>O lista
18
ordonata</H2><hr>
<ol>Culori uzuale disponibile prin nume
<li>Black <li>White <li>Red <li>Green
<li>Blue <li>Yellow <li>Purple <li>Aqua
</ol>
</body>
</html>
Tag-urile <ol> si <li> pot avea un atribut " type" care stabileste
tipul de caractere utilizate pentru ordonarea listei. Valorile posibile
sunt:
<html>
<head><title>listex_5</title></head>
<body><H2 align=center>O lista ordonata cu
cifre romane</H2><hr>
<ol type="I">Culori uzuale disponibile prin
nume
<li>Black <li>White <li>Red <li>Green
<li>Blue <li>Yellow <li>Purple <li>Aqua
</ol>
</body>
</html>
Tag-ul <ol> poate avea un atribut start care
stabileste valoarea initiala a secventei de
ordonare. Valoarea acestui atribut trebuie sa fie
un numar intreg pozitiv.
Urmatorul exemplu este o lista ordonata cu
litere mari, incepand cu valoarea C.
<html>
<head><title>listex_6</title></head>
<body><H2 align=center>O lista ordonata cu
litere mari, incepand de la valoarea
C</H2><hr>
19
<ol type="A" start="3">Culori uzuale
disponibile prin nume
<li>Red <li>Green <li>Blue <li>Yellow
<li>Purple <li>Aqua
</ol>
</body>
</html>
<html>
<head><title>listex_8</title></head>
<body><H2 align=center>O lista ordonata de
liste ordonate si neordonate</H2><hr>
<ol>Un sistem informatic include:
<li>Hardware:
<ol>
<li>placa de baza
<li>procesor
<li>memorie
<li>harddisk
</ol>
<li>Software:
<ul>
<li>Linux
<li>Windows
<li>OS/2
<li>Unix
</ul>
<li>Software de aplicatie:
<ul type="disc">
<li>VisualC++
<li>Java
<li>SQL
<li>CorelDraw
</ul>
</ol>
</body>
</html>
20
fiecare zona avand propriile optiuni pentru culoarea fondului,
culoarea textului, alinierea textului, etc.
Alinierea tabelului
21
atributului "cellspacing" al etichetei <TABLE>. Valorile acestui
atribut pot fi numere intregi pozitive, inclusiv 0, si reprezinta
distanta in pixeli dintre doua celule vecine. Valorea prestabilita a
atributului "cellspacing" este 2. Distanta dintre marginea unei celule
si continutul ei poate fi definita cu ajutorul atributului
"cellpadding" al etichetei <TABLE>. Valorile acestui atribut pot fi
numere intregi pozitive si reprezinta distanta in pixeli dintre celule si
continutul lor. Valorea prestabilita a atributului "cellpadding" este 1.
<html>
<head><title>Tabel</title></head>
<body>
<table border="1" cellpadding="10"
cellspacing="15" width="100%">
<tr>
<td align="middle">data data data</td>
22
<td align="middle">data data data</td>
<td align="middle">data data data</td>
</tr>
<tr>
<td align="middle">data data data</td>
<td align="middle">data data data</td>
<td align="middle">data data data</td>
</tr>
<tr align="right">
<td>data data data</td>
<td>data data data</td>
<td>data data data</td>
</tr>
</table>
</body>
</html>
Exemplu:
<html>
<head><title>Tabel</title></head>
<body>
<table border="1" cellpadding="10"
cellspacing="15" width="100%">
<tr>
<td align="middle" rowspan="3">data data
data</td>
<td align="middle" colspan="2">data data
data</td>
</tr>
23
<tr>
<td align="middle">data data data</td>
<td align="middle">data data data</td>
</tr>
<tr align="right">
<td>data data data</td>
<td>data data data</td>
</tr>
</table>
</body>
</html>
24
mod egal restul de spatiu ramas disponibil.
Observatii:
Exemplu:
<html>
<head><title>ferex_1</title></head>
<frameset cols="*,*">
<frame src="p1.html">
<frame src="p2.html">
</frameset>
</html>
<html>
<head><title>ferex_2</title></head>
<frameset rows="100,*,10%">
<frame src="p1.html">
<frame src="x.jpg">
<frame src="p3.html">
</frameset>
</html>
<html>
<head><title>ferex_3</title></head>
25
<frameset rows="*,*" cols="*,*">
<frame src="p1.html">
<frame src="p2.html">
<frame src="p3.html">
<frame src="p4.html">
</frameset>
</html>
<html>
<head><title>ferex_4</title></head>
<frameset cols="20%,*">
<frame src="p1.html">
<frameset rows="*,*">
<frame src="p2.html">
<frame src="p3.html">
</frameset>
</frameset>
</html>
Exemplu:
<html>
<head><title>ferex_5</title></head>
<frameset cols="20%,*" bordercolor="green"
border="15">
26
<frame src="p1.html">
<frameset rows="*,*">
<frame src="p2.html" bordercolor="blue">
<frame src="p3.html">
</frameset>
</html>
Exemplu:
<html>
<head><title>ferex_5_1</title></head>
<frameset cols="20%,*" border="0">
<frame src="p1.html">
<frameset rows="*,*">
<frame src="p2.html">
<frame src="p3.html">
</frameset>
</html>
<html>
<head><title>ferex_5_2</title></head>
<frameset cols="20%,*" frameborder="no">
<frame src="p1.html">
<frameset rows="*,*">
<frame src="p2.html">
<frame src="p3.html">
</frameset>
</html>
Bare de defilare
27
3. "auto" - barele de derulare sunt vizibile atunci cand
este necesar
Exemplu:
<html>
<head><title>ferex_6</title></head>
<frameset cols="*,*,*">
<frame src="p.html" scrolling="yes" noresize>
<frame src="p.html" scrolling="no" noresize>
<frame src="p.html" scrolling="auto" noresize>
</frameset>
</html>
Valori posibile:
- numar de pixeli;
- procent din latimea, respectiv din inaltimea cadrului;
Exemplu:
<html>
<head><title>ferex_7</title></head>
<frameset cols="*,*,*">
<frame src="p.html">
<frame src="p.html" marginheight=20>
<frame src="p.html" marginwidth=20>
</frameset>
</html>
28
Proiectare Site si Web Design - Standardul HTML
Formulare in HTML
<form action="http://www.yahoo.com/cgi-
bin/nume_fis.cgi">.
29
2.1. "Get" (valoarea implicita). In acest caz, datele din
formular sunt adaugate la adresa URL precizata de
atributul "Action". Atentie insa:
http://www.yahoo.com/cgi-
bin/nume_fis.cgi?nume1 =
valoare1&nume2 = valoare2
30
<html>
<head><title>formEx_1 </title></head>
<body><H2> Un formular cu un camp de
editare si un buton de expediere</H2>
<hr>
<form action="mailto:xxxxx@xxx.com"
method="post">
Numele:<input type="text" name="numele"
value="Numele si prenumele"><br>
<input type="submit" value="expediaza">
</form></body>
</html>
Butoane radio
<html>
<head><title>formex_4</title></head>
<body><H2>Un formular cu butoane
radio</H2>
<hr>
<form action="mailto:xxxxx@xxx.com"
method="post">
Alegeti sexul:<input type="radio" name="sex"
value="b"><br>
Femeiesc:<input type="radio" name="sex"
value="f"><br>
<input type="reset"> <input type="submit"> </form></body>
</html>
31
Casete de validare
Exemplu:
<html>
<head><title>formex_5</title></head>
<body><H2>Un formular cu casete
checkbox</H2>
<hr>
<form action="mailto:xxxxx@xxx.com"
method="post">
Alegeti meniul:<br>
Pizza <input type="checkbox" name="pizza"
value="o portie">
Nectar <input type="checkbox" name="nectar"
value="un pahar">
Bere <input type="checkbox" name="bere"
value="o sticla">
Cafea <input type="checkbox" name="cafea"
value="o ceasca"><br>
<input type="reset"> <input type="submit">
</form></body>
</html>
Formulare de selectie
32
ecran (celelalte devenind vizibile prin actionarea barei
de derulare atasate automat listei).
Exemplu:
<html>
<head><title>formex_7</title></head>
<body><H2>Un formular cu o lista de
selectie</H2>
<hr>
<form action="mailto:xxxxx@xxx.com"
method="post">
Universitatea absolvita:<br><br>
<select name="universitate" size="3"> <option
value="B"> Universitatea din Cluj
<option value="UNBM" selected> Universitatea
de Nord Baia Mare
<option value="UTT"> Universitatea Technica
din Timisoara
<option value="UTB"> Universitatea Technica
din Brasov
</select><br><br>
<input type="reset"> <input type="submit">
</form></body>
</html>
33
4. Atributul "wrap", (de la "word wrap"= trecerea
cuvintelor pe randul urmator), care determina
comportamentul campului de editare fata de sfarsitul de
linie.
Exemplu:
<html>
<head><title>formex_9</title></head>
<body><H2>Un formular cu un camp de editare
multilinie</H2> <hr>
<form action="mailto:xxxxx@xxx.com"
method="post">
<textarea name="text multilinie" cols="30"
rows="5" wrap="off">
Prima linie din textul initial.
A doua linie din textul initial. </textarea>
<input type="reset"> <input type="submit">
</form></body>
</html>
34
Proiectare Site si Web Design - Sinteza Taguri HTML
Marcaje de Baza
35
sau b.
Culoarea textului: fie un nume de
COLOR=s
culoare, fie o valoare RGB.
<BR> Linie noua.
<PRE> </PRE> Informatie preformatata.
<!-- --> Comentariu HTML.
<CENTER>
Centreaza materialul in pagina.
</CENTER>
<HR> Rigla orizontala.
SIZE=x Inaltimea riglei in pixeli.
WIDTH=x Latimea riglei in pixeli sau in procente.
Dezactiveaza afisarea umbrei pentru
NOSHADE
rigla orizontala.
Alinierea riglei orizontale in pagina
ALIGN=x
(left, center, right).
Culoarea riglei orizontale (numai pentru
COLOR=x
IE)
<A> </A> Marcaj de tip ancora.
HREF=url Referinta hipertext.
HREF=#nume Referinta catre o ancora interna.
Name=nume Definitia unei ancore interne.
36
<EM> </EM> Stil logic de evidentiere.
<KBD> </KBD> Text de la tastatura.
<STRONG>
Evidentiere logica puternica.
</STRONG>
<VAR> </VAR> Program sau variabila.
<BASEFONT SIZE = Specifica explicit dimensiunea fontului
n> din pagina.
37
<DL> </DL> Lista de tip definitie.
<DT> Termen de definitie.
<LI> Element de lista.
<OL> Lista ordonata (numerotata).
TYPE=tip Tipul numerotarii. Valori posibile: A, a, I, i, 1.
START=x Numarul de inceput al listei ordonate.
<UL> Lista neordonata (marcata).
Forma marcajului. Valori posibile: circle, square,
TYPE=forma
disc.
38
jurul tabelului.
Spatiu suplimetar pe verticala in
VSPACE=x
jurul tabelului.
Specifica numarul de coloane ale
COLS=x
unui tabel.
<COLGROUP> Defineste un set de coloane cu
</COLGROUP> ajutorul marcajului <col>.
Defineste latimea unei coloane
<COL WIDTH=x>
exprimata in pixeli.
<THEAD> </THEAD> Defineste titlul tabelului.
<TBODY> </TBODY> Defineste corpul tabelului.
<TR> </TR> Linie de tabel.
Specifica culoarea de fond pentru
BGCOLOR=culoare
intreaga linie.
Alinierea celulelor de pe linia
ALIGN=aliniere
curenta (left, center, right).
<TD> </TD> Celula de date a tabelului.
Specifica culoarea de fond pentru
BGCOLOR=culoare
celula de date.
Numarul de coloane pe care se
COLSPAN=x
intinde celula curenta de date.
Numarul de linii pe care se intinde
ROWSPAN=x
celula curenta de date.
Alinierea materialului din cadrul
ALIGN=aliniere celulei de date. Valori posibile:
left, right, center.
Alinierea pe verticala a
materialului din cadrul celulei de
VALIGN=aliniere
date. Valori posibile: top, bottom,
middle.
Specifica imaginea de fond pentru
BACKGROUND=url
celula tabelului.
Nu permite despartirea textului pe
NOWRAP
linii in cadrul unei celule.
Aliniaza celule de date cu linia de
ALIGN=baseline
baza a textului adiacent.
39
Aliniaza o coloana fata de un
ALIGN=caracter anumit caracter (caracterul
prestabilit este ".").
Aliniaza atat marginea din stanga
ALIGN=justify cat si marginea din dreapta a unui
text.
<FRAMESET>
Definirea redactarii paginii.
</FRAMESET>
Numarul si marimea relativa a
COLS=x
coloanelor.
ROWS=x Numarul si marimea relativa a liniilor.
Specifica starea "on" (activa) sau "off"
BORDER=x (inactiva) pentru chenarul cadrului
FRAMESET.
FRAMEBORDER = x Specifica marimea chenarului.
Marimea spatiului dintre doua cadre
FRAMESPACING = x
adiacente.
<FRAME> Definitia unui anumit cadru.
SRC=url URL-ul sursa pentru cadru.
Numele cadrului (utilizat impreuna cu
"TARGET=nume" ca parte
NAME=nume
componenta a marcajului de tip
ancora, <a>.
Defineste optiunea barei de derulare.
SCROLLING=scrl Valori posibile: on (activa), off
(inactiva), auto (automat).
FRAMEBORDER=x Marimea chenarului din jurul cadrului.
Spatiul suplimentar de deasupra si
MARGINHEIGHT=x
dedesubtul unui anumit cadru.
Spatiu suplimentar la stanga si la
MARGINWIDTH=x
dreapta unui anumit cadru.
<NOFRAMES> Sectiunea de pagina afisata pentru
</NOFRAMES> utilizatorii care nu pot vedea un cadru.
40
<IFRAME> Cadru intern (numai pentru (IE).
SRC=url Sursa cadrului.
Numele ferestrei (util pentru
NAME=s
TARGET).
HEIGHT=x Inaltimea cadrului inglobat.
WIDTH=x Latimea cadrului inglobat.
41
<TEXTAREA> Camp de intare de tip text pe linii
</TEXTAREA> multiple.
NAME=nume Numele simbolic al valorii campului.
ROWS=x Numarul de linii al casetei de text.
Numarul de coloane (caractere) pe linie
COLS=x
al casetei de text.
<FIELDSET>
Imparte formularul in parti logice.
</FIELDSET>
<LEGEND> Numele asociat setului de campuri
</LEGEND> (fieldset).
Specifica alinierea legendei (explicatiei)
ALIGN=s
afisate (top, bottom, left, light).
Specifica ordinea elementelor atunci
TABINDEX=x
cand utilizatorul apasa tasta Tab.
Specifica tasta care asigura comanda
ACCESKEY=c rapida de la tastatura asociata unui
anumit element.
Elementul este inactiv, dar este afisat pe
DISABLED
ecran.
Elementul este afisat pe ecran dar nu
READONLY
poate fi editat.
42
ø simbolul special o mic barat (slash).
$ simbolul special $ (dolar).
€ "€" - euro.
43