C3-Web 2016

Universitatea Constantin Brncui din Trgu-Jiu
TEHNOLOGII WEB
Lect.dr. Adrian Runceanu
copyright@www.adrian.runceanu.ro
Curs 3
Limbajul HTML
(partea III)
01.03.2016
Tehnologii Web
Limbajul HTML (partea III)

6. Tabele
6.1. Atributele elementului TABLE
6.2. Atributele elementului TR
6.3. Atributele elementului TD
6.4. Elementele TH i CAPTION
6.5. Gruparea liniilor i a coloanelor unui tabel
01.03.2016
Tehnologii Web
6.Tabele
Paginile pot conine tabele.
Elementul TABLE descrie un tabel.
Tabelul utilizeaz tag-urile <TABLE> i </TABLE>.
Elementul TR(table row) descrie o linie a tabelului.
O linie a tabelului ncepe cu <TR> i se termin
atunci cnd este ntlnit un nou <TR>.
Opional, se poate folosi </TR>.
Elemenul TD(table data) descrie o celul a tabelului.
Se utilizeaz tag-urile <TD> i, opional, </TD>.
01.03.2016
Tehnologii Web
6.Tabele
Exemplu:
<TABLE border="5">
<TR>
<TD>Internet </TD>
<TD>Cursul de Retele de calculatoare anul V</TD>
</TR>
<TR>
<TD> HTML </TD>
<TD> WEB</TD>
</TR>
</TABLE>
Efect:
01.03.2016
Tehnologii Web

6.Tabele
01.03.2016
Tehnologii Web

Border definete grosimea liniilor (n pixeli) care
nconjoar tabelul.
Alturat putei observa cum arat acelai tabel n care
atributul border lipsete.
Exemplu:
<TABLE>
<TR>
<TD> O noua celula</TD>
<TD> Internet </TD>
<TD> Cursul de Retele de calculatoare anul V </TD>
</TR>
<TR>
<TD> HTML </TD>
<TD> WEB</TD>
</TR>
</TABLE>
01.03.2016
Tehnologii Web

Efect:
01.03.2016
Tehnologii Web

Un tabel poate conine i una sau mai multe imagini
aa cum se vede mai jos, unde imaginea este coninut
de o celul a tabelului.
Exemplu:
<TABLE BORDER="5">
<TR>
<TD> <IMG SRC="c:\tweety.jpg"> </TD>
</TR>
<TR>
<TD> Text </TD>
<TD>Txt </TD>
</TR>
</TABLE>
01.03.2016
Tehnologii Web

Efect:
01.03.2016
Tehnologii Web
10

Mai mult, o celul a tabelului poate conine i
imagine i text.
De asemenea, tot ce am nvat n paragrafele
anterioare se poate aplica i aici.
De exemplu, textul poate fi organizat n paragrafe,
apoi se pot folosi diverse stiluri de scriere: bold,
italic, etc.
01.03.2016
Tehnologii Web
11

Exemplu:
<TABLE BORDER="5">
<TR>
<TD> <IMG SRC = "rotopcoder.jpg" align="left">
<P> Iata un <BR/>
<B> text </B> si O
<B> imagine</B>
</TD>
<TD> Un text! </TD>
</TR>
<TR>
<TD> Text </TD>
<TD> Txt </TD>
</TR>
</TABLE>
01.03.2016
Tehnologii Web
12

Efect:
01.03.2016
Tehnologii Web
13

1. width - limea tabelului
Poate fi dat n procent fa de limea ferestrei
browser-ului (width="50%") sau n pixeli (width="500").
2. height - nlimea tabelului
Poate fi dat n procent fa de nlimea ferestrei browserului (height="75%") sau n pixeli (height="200").
3. align - determin alinierea tabelului n pagin
Poate lua una din valorile: left (stnga), right (dreapta) sau
center (n centru).
Dac, pe lng tabel, mai scriem i text, acesta se poziioneaz
fa de tabel la fel cum se poziioneaz fa de imagini.
01.03.2016
Tehnologii Web
14

Exemplu:
<BODY>
<TABLE BORDER="4" align="left">
<TR>
<TD> Univ. Const. Brancusi </TD>
</TR>
<TR>
<TD> Automatica si Informatica </TD>
<TD> Anul V </TD>
</TR>
</TABLE>
<P> Acesta este un text. Interesant este modul in care textul este
poziionat fata de tabel, in funcie de alinierea acestuia din urma.
</BODY>
01.03.2016
Tehnologii Web
15

Efect:
01.03.2016
Tehnologii Web
16

6.Tabele
01.03.2016
Tehnologii Web
17

align pentru toate celulele aliniaza continutul pe
orizontala n cadrul celulei. Poate lua valorile:
Left (aliniat stanga)
Right (aliniat dreapta)
Center (aliniat la centru)
Justify (aliniat n ambele parti)
valign - aliniaza continutul pe verticala n cadrul celulei.
Poate lua valorile:
Top (sus)
Bottom (jos)
Middle (la mijloc)
bgcolor culoare de fond
01.03.2016
Tehnologii Web
18

Exemplu:
<TR align= "center" valign= "middle" bgcolor= "green" >
<TD> Univ. Const. Brancusi </TD>
</TR>
Efect:
01.03.2016
Tehnologii Web
19

6.Tabele
01.03.2016
Tehnologii Web
20

width, height - limea i nlimea celulei (n procente din
limea, respectiv nlimea tabelului.), n plus, au efecte i
pentru celelalte celule, pentru ca tabelul s fie aliniat.
Exemplu:
<TABLE BORDER=5 width=100% height=100% >
<TR>
<TD width=25%>Cursul de Retele de calculatoare </TD>
<TD width=75%> Automatica si Informatica </TD>
</TR>
<TR>
<TD> Inginerie </TD>
<TD> Anul V </TD>
</TR>
</TABLE>
01.03.2016
Tehnologii Web
21

Efect:
01.03.2016
Tehnologii Web
22

6.Tabele
01.03.2016
Tehnologii Web
23

1. Elementul TH (table heading)
n loc de <TD> </TD> se poate folosi <TH> </TH>.
Parametrii sunt aceeai, doar c textele, implicit, sunt
tiprite bold.
2. Elementul CAPTION are rolul de a permite scrierea

titlului unui tabel.
Titlul se scrie ntre cele dou tag-uri <CAPTION> i
</CAPTION>.
Cele dou tag-uri trebuie s se gseasc imediat dup
<TABLE>.
Exemplu: <CAPTION> Un titlu </CAPTION>

Elementul CAPTION are atributul align.
01.03.2016
Tehnologii Web
24

6.Tabele
01.03.2016
Tehnologii Web
25

Liniile unui tabel pot fi mprite n trei categorii:
1. linii de antet (primele linii ale tabelului)
2. linii de corp
3. liniile finale ale tabelului
1. Elementul THEAD are rolul de a marca liniile din

antet.
Se folosete tag-ul <THEAD> i, opional </THEAD>.
2. Elementul TBODY are rolul de a marca liniile din

corpul tabelului.
Se folosete tag-ul <TBODY> i, opional </TBODY>.
3. Elementul TFOOT are rolul de a marca liniile de

sfritul tabelului.
Se folosete tag-ul <TFOOT> i, opional </TFOOT>.
01.03.2016
Tehnologii Web
26

Structura unui tabel care utilizeaz aceast "facilitate" este:
<TABLE...>
<CAPTION> . .. <CAPTION>
<THEAD>
<TR>
Liniile aflate in
antetul tabelului
...
</THEAD>
<TFOOT>
<TR>
Liniile aflate la
sfarsitul tabelului
...
</TFOOT>
<TBODY>
<TR>
Liniile aflate in
corpul tabelului
...
</TBODY>
Tehnologii Web
01.03.2016
</TABLE>
27

<thead> - definete capul de tabel
Este folosit mpreun cu elementele <tfoot> i
<tbody>
Atribute opionale:
align, valign indic modul n care se aliniaz coninutul
elementului pe orizontal i pe vertical
Atribute de tip eveniment acceptate:

onclick, ondblclick, onmousedown, onmousemove,
onmouseout, onmouseover, onmouseup, onkeydown,
onkeypress, onkeyup
01.03.2016
Tehnologii Web
28

<tbody> - definete corpul unui tabel
Atribute opionale:
align, valign indic modul n care se aliniaz
coninutul elementului pe orizontal i pe vertical
onclick, ondblclick, onmousedown, onmousemove,
onmouseout, onmouseover, onmouseup,
onkeydown, onkeypress, onkeyup
01.03.2016
Tehnologii Web
29

<tfoot> - definete footer pentru un tabel.
Atribute opionale:
align, valign indic modul n care se aliniaz
coninutul elementului pe orizontal i pe vertical
onclick, ondblclick, onmousedown,
onmousemove, onmouseout, onmouseover,
onmouseup, onkeydown, onkeypress, onkeyup
01.03.2016
Tehnologii Web
30

Exemplu:
<table cellpadding=6 rules=groups frame=box>
<thead> <tr> <th>Ziua</th> <th>Oras</th> <th>Destinatie</th>
<th>Pasageri</th> </tr> </thead>
<tbody>
<tr> <td>Luni</td> <td>09.10</td> <td>Targu-Jiu</td> <td>63</td> </tr>
<tr> <td>Miercuri</td> <td>10.05</td> <td>Cluj Napoca</td> <td>59</td> </tr>
<tr> <td>Vineri</td> <td>11.15</td> <td>Timisoara</td> <td>11</td> </tr>
</tbody>
<tfoot> <tr> <th align=left colspan=3>Total</th> <th>133</th> </tr> </tfoot>
</table>
01.03.2016
Tehnologii Web
31

Efect:
01.03.2016
Tehnologii Web
32

n continuare, prezentm 2 atribute pe care le
ntlnim la oricare din aceste 3 elemente:
Align - aliniere orizontal
Poate lua valorile pe care le-am ntlnit deja.
Valign - aliniere vertical
Se pot grupa i coloanele unui tabel, nu numai
liniile.
01.03.2016
Tehnologii Web
33

Elementul COLGROUP permite gruparea coloanelor
unui tabel.
Se utilizeaz tag-urile <COLGROUP atribute> i,
opional </COLGROUP>.
Privii tabelul urmtor. El are trei coloane.
Alinierea coninutului coloanelor i spaiul ocupat de
ele a fost determinat cu ajutorul a dou elemente
COLGROUP.
Primul element stabilete caracteristicile de afiare ale
primei coloane, al doilea stabilete caracteristicile de
afiare a urmtoarelor dou coloane.
01.03.2016
Tehnologii Web
34

<TABLE BORDER=5 width=50%>
<COLGROUP span=1 width=50% align=right>
<COLGROUP span=2 width=25% align=left>
<TR>
<TD> 12.234 </TD>
<TD> A12 </TD>
<TD> A13 </TD>
</TR>
<TR>
<TD> 0.1 </TD> <TD> A22 </TD> <TD> A23 </TD>
</TR>
<TR>
<TD> 675.345 </TD> <TD> A32 </TD> <TD> A33 </TD>
</TR>
</TABLE>
01.03.2016
Tehnologii Web
35
01.03.2016
Tehnologii Web
36

Elementul ROWSPAN permite gruparea liniilor unui
tabel.
<table border="1">
<caption>Tabel de test</caption>
<tr>
<th rowspan="2">Linia 1</th>
<td>celula 1/1</td>
<td>celula 1/2</td>
</tr>
<tr>
<td>celula 2/1</td>
<td>celula 2/2</td>
</tr>
Tehnologii Web
01.03.2016
</table>
37

Efectul este ca celula cu textul Linia 1 se extinde
(span) pe dou rnduri (row).
De aceea, n sursa html, primul rnd de tabel conine
trei celule, pe cnd cel de-al doilea rnd, doar dou
celule.
Desigur, extinderea unei celule (sau a mai multora)

se poate face i pe coloane (colspan), chiar i pe
mai multe rnduri sau coloane.
01.03.2016
Tehnologii Web
38

7. Ferestre n HTML
7.1. Organizarea documentului n cadre - Tagul
<frameset>
7.2. Definirea cadrelor - Tagul <frame>
7.3. Browserele vechi - Tagul <noframe>
7.4. Cadre in-line - Tagul <iframe> (in-line frame)
7.5. Exemple
01.03.2016
Tehnologii Web
39
Cadrele permit mprirea unei ferestre n

seciuni independente ntre ele, n fiecare dintre
acestea fiind posibil ncrcarea unui document
HTML.
Astfel, utilizatorul poate vizualiza simultan mai
multe documente.
01.03.2016
Tehnologii Web
40
De exemplu, putem mpri documentul n dou

cadre.
n primul cadru va fi afiat o bara de navigaie.

Selectarea unui meniu al barei de navigaie va
determina ncrcarea paginii corespunztoare n cel
de-al doilea cadru.
Astfel, bara de meniuri va fi vizibil n orice moment
al navigrii site-ului.
01.03.2016
Tehnologii Web
41
Pentru structurarea unui document HTML

n cadre sunt utilizate tag-urile:
1.
2.
3.
4.
01.03.2016
<frameset>
<frame>
<noframe>
<iframe>
Tehnologii Web
42

7. Ferestre n HTML
<frameset>
7.5. Exemple
01.03.2016
Tehnologii Web
43
7.1. Organizarea documentului n cadre - Tagul <frameset>

Un document cu cadre se realizeaz similar unui
document HTML oarecare, n care tagurile <body>,
respectiv </body> sunt nlocuite cu tagurile <frameset>,
respectiv </frameset>:
<html>
<head>
...
</head>
<frameset>
</frameset>
</html>
01.03.2016
Tehnologii Web
44
Aadar, tagul <frameset> permite

structurarea documentului principal n cadre.
n interiorul perechii <frameset> </frameset>
nu pot exista dect elemente:
1. <frameset>
2. <frame>
3. <noframe>
01.03.2016
Tehnologii Web
45
Tagul <frameset> accept urmtoarele

atribute:
rows primete ca parametru o list de
valori, separate prin virgul, ce reprezint
nlimea cadrelor orizontale ale
documentului principal.
Numrul de cadre orizontale este dat de

numrul de valori din list.
01.03.2016
Tehnologii Web
46
Valorile sunt exprimate:
1. fie prin numere ntregi pozitive (nlime

absolut exprimat n pixeli)
2. fie prin procente din nlimea cadrului
printe (nlime relativ)
3. fie prin caracterul de punctuaie *, care
semnific o nlime relativ
01.03.2016
Tehnologii Web
47
Observaii:
Nu se recomand ca toate valorile s fie
absolute, deoarece browserele pot utiliza
rezoluii diferite, ceea ce poate duce la
distorsiuni ale afirii;
n cazul utilizrii procentelor, suma acestora
nu poate s depeasc 100%, n caz
contrar, browserul va trunchia toate valorile
pn ce suma va fi 100.
01.03.2016
Tehnologii Web
48
Tagul <frameset> - alte atribute:

cols permite mprirea cadrului curent n
sectoare verticale.
Parametrii acceptai respect aceleai
reguli ca i n cazul atributului rows, numai
c se refer la lungimea cadrului.
01.03.2016
Tehnologii Web
49
border primete o valoare ntreag nenegativ,

reprezentnd grosimea, exprimat n pixeli, a
chenarului cadrelor.
Implicit, grosimea chenarului este de 5 pixeli.
Valoarea 0 a atributului border inhib afiarea
chenarelor tuturor cadrelor.
bordercolor permite setarea culorii chenarelor
cadrelor.
Culoarea poate fi specificat fie printr-un triplet
hexa de forma #rrggbb, fie printr-un nume
predefinit de culoare.
01.03.2016
Tehnologii Web
50
frameborder controleaza
afiarea/ascunderea chenarelor tuturor
cadrelor.
Atributul poate primi valorile:
yes sau 1 (se foreaz afiarea chenarelor)

no sau 0 (se foreaz ascunderea chenarelor)
framespacing permite specificarea

distanei, n pixeli, de spaiu liber n jurul
tuturor cadrelor.
01.03.2016
Tehnologii Web
51
Observaie:
Ascunderea unui chenar, prin utilizarea perechii
frameborder=no sau border=0, face ca
acesta s nu mai fie vizibil pentru utilizator.
Totui, n Internet Explorer, utilizatorul poate
opta pentru redimensionarea cadrului, prin
operaia Drag and Drop asupra marginii
invizibile.
Pentru a inhiba aceast posibilitate, ascunderea
chenarului trebuie nsoit de secvena:
framespacing=0.
01.03.2016
Tehnologii Web
52

7. Ferestre n HTML
<frameset>
7.5. Exemple
01.03.2016
Tehnologii Web
53
7.2.Definirea cadrelor - Tagul <frame>
Tagul <frame> permite definirea unui cadru n interiorul

unui set de cadre.
El are sens numai atunci cnd apare n interiorul
perechii <frameset> </frameset>.
Atribute acceptate:
src specific adresa URL a documentului ce va fi
ncrcat n cadrul respectiv;
name specific numele cadrului, nume ce va fi utilizat
pentru referirea cadrului respectiv atunci cnd se va
ncrca n el un alt document HTML, prin intermediul
unei hiperlegturi aflate n alt cadru.
Numele este o combinaie de caractere
alfanumerice;
01.03.2016
Tehnologii Web
54
marginwidth, marginheight controleaza distana,

exprimat n pixeli, ntre coninutul cadrului i
chenarul su;
scrolling atributul controleaz
afiarea/ascunderea barelor de defilare (orizontal
sau vertical).
Poate primi valorile:
yes se foreaz afiarea barelor de defilare;
no - se foreaz ascunderea barelor de defilare;
auto - barele de defilare vor fi afiate numai
atunci cnd este necesar (cnd coninutul
cadrului depete lungimea i/sau nlimea
cadrului va fi afiat bara de defilare orizontal
i/sau cea vertical);
Tehnologii Web
01.03.2016
55
border permite setarea grosimii chenarului cadrului curent.

Valoarea atributului border aflat n interiorul tagului frame
este prioritar fa de valoarea aceluiai atribut aflat n tagul
frameset.
noresize se inhib utilizatorului posibilitatea de a
redimensiona cadrele.
Altfel, el are aceast posibilitate, prin operaia Drag and
Drop asupra marginilor cadrelor.
frameborder controleaza afiarea/ascunderea chenarului
cadrului curent.
Atributul poate primi valorile: yes sau 1(se afieaz
chenarul), no sau 0 (se ascunde chenarul);
framespacing permite specificarea distanei, n pixeli, de
spaiu liber n jurul cadrului.
bordercolor permite specificarea culorii chenarului cadrului
respectiv.
01.03.2016
Tehnologii Web
56

7. Ferestre n HTML
<frameset>
7.5. Exemple
01.03.2016
Tehnologii Web
57
7.3.Browserele vechi - Tagul <noframe>

Tagul <noframe> este utilizat n cazul n care se
navigheaz cu un browser mai vechi, care nu suport
cadrele.
n aceast situaie, browserul va afia coninutul

inclus n interiorul perechii <noframe> </noframe>.
Dac ns, browserul recunoate cadrele, el va ignora
coninutul perechii <noframe> </noframe>.
01.03.2016
Tehnologii Web
58
De regul, atunci cnd un browser nu recunoate un

tag, nu l interpreteaz.
Acest lucru se poate ntmpla i n cazul tagurilor
<frameset>, <frame>.
Este evident c dac un browser nu recunoate
tagurile <frameset> i <frame> el nu va recunoate
nici <noframe>.
ns, va interpreta tagurile pe care le recunoate,
adic, n acest caz, cele cuprinse ntre <noframe> i
</noframe>.
De fapt, efectul tagului <noframe> este, n cazul
browserelor care recunosc cadre, acela de a ignora
coninutul inclus n interiorul perechii <noframe>
</noframe>.
01.03.2016
Tehnologii Web
59

7. Ferestre n HTML
<frameset>
7.5. Exemple
01.03.2016
Tehnologii Web
60

Tagurile <iframe> sunt similare tagurilor <frame>, cu
deosebirea c se includ n documente HTML obinuite
(nu n documente HTML cu cadre), adic n interiorul
perechii <body> </body>.
La ora actual (anul 2009!!) numai Internet Explorer
accept cadre in-line.
Dac un browser nu recunoate cadre, el va afia
coninutul cuprins ntre <iframe> i </iframe>.
Tagul <iframe> accept aceleai atribute ca i tagul
<frame>, n plus accept atribute preluate de la tagul
<img>, care controleaz modul de afiare al cadrului n
interiorul documentului.
01.03.2016
Tehnologii Web
61
Atribute acceptate:
1. preluate de la tag-ul
2. preluate de la tag-ul
<frame>:
<img>:
src
align
name
width, height
scrolling
vspace, hspace
border
bordercolor
Toate atributele menionate
frameborder
mai sus au semnificaiile i
framespacing
parametrii prezentai anterior.
noresize
marginwidth, marginheight
01.03.2016
Tehnologii Web
62

7. Ferestre n HTML
<frameset>
7.5. Exemple
01.03.2016
Tehnologii Web
63
7.5. Exemple
Realizarea cadrelor orizontale

<html>
<head>
<title>Universitatea Constantin Brancusi</title>
</head>
<frameset rows="150,*,20%">
<frame src="antet.html">
<frame src="continut.html">
<frame src="adresa.html">
</frameset>
</html>
01.03.2016
Tehnologii Web
64
7.5. Exemple

<html>
<head>
</head>
<body>
<center>
<h3>Universitatea Constantin Brancusi</h3>
<h3>Facultatea de Inginerie</h3>
<h3>Catedra de Automatica si Informatica</h3>
</center>
</body>
</html>
01.03.2016
Tehnologii Web
65
7.5. Exemple

<html>
<head>
</head>
<body>
<p>Specializarile Facultatii de Inginerie sunt: </p>
<p>Automatica si Informatica; Mecanica;
Energetica.</p>
</body>
</html>
01.03.2016
Tehnologii Web
66
7.5. Exemple

<html>
<head>
</head>
<body>
<p align="center"><b>Targu-Jiu, Str. Geneva
3, Telefon: 0253.111.111.</b></p>
</body>
</html>
01.03.2016
Tehnologii Web
67
01.03.2016
Tehnologii Web
68
7.5. Exemple
Imbricarea cadrelor

<html>
<head>
<title>Universitatea Constantin Brancusi</title></head>
<frameset cols="100,*">
<frame src="meniu.html">
<frame src="desprenoi.html">
</frameset>
</frameset>
</html>
01.03.2016
Tehnologii Web
69
01.03.2016
Tehnologii Web
70
Cadre imbricate cu chenare colorate de diverse grosimi
<html>
<head>
<title>Cadre imbricate</title>
</head>
<frameset cols="25%,*" border="30"
bordercolor="red">
<frame src="Pagina1.html">
</frameset>
01.03.2016
Tehnologii Web
71
Cadre imbricate cu chenare colorate de diverse grosimi
<frameset cols="*,2*,3*" >

<frame src="Pagina3.html" scrolling = "yes" >
<frame src="Pagina4.html" scrolling = "auto" >
<frame src="Pagina5.html" scrolling = "no" >
</frameset>
<frameset cols="*,100" border="15">
<frame src="Pagina7.html" bordercolor="maroon"
noresize>
</frameset>
</frameset>
</html>
01.03.2016
Tehnologii Web
72
01.03.2016
Tehnologii Web
73
Chenare inactive

<html>
<head>
<title>Universitatea Constantin Brancusi</title>
</head>
<frameset rows="92,*,20%" frameborder="no"
framespacing="0">
<frameset cols="100,*">
<frame src="meniu.html">
<frame src="desprenoi.html">
</frameset>
</frameset>
</html>
01.03.2016
Tehnologii Web
74
7.5. Exemple
01.03.2016
Tehnologii Web
75
Cadre in-line
<html>
<head>
<title>Formate de Imagini</title>
</head>
<body>
<iframe name="cadru" src="Generalitati.html" width="200" height="100"
border="3" align="right">Site realizat cu cadre in-line. Browserul dvs. nu
suporta!</iframe>
<b>Formate de Imagini:
<ul>
<li><a href="bmp.html" target="cadru">BMP</a></li>
<li><a href="jpeg.html" target="cadru">JPEG</a></li>
<li><a href="tiff.html" target="cadru">TIFF</a></li>
</ul>
</b>
</body>
</html>
01.03.2016
Tehnologii Web
76
7.5. Exemple
01.03.2016
Tehnologii Web
77
ntrebri?
01.03.2016
Tehnologii Web
78

C3-Web 2016

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

C3-Web 2016

Uploaded by

Copyright:

Available Formats

Universitatea Constantin Brncui din Trgu-Jiu

Limbajul HTML (partea III)

Limbajul HTML (partea III)

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

6.1. Atributele elementului TABLE

Limbajul HTML (partea III)

6.2. Atributele elementului TR

6.2. Atributele elementului TR

Limbajul HTML (partea III)

6.3. Atributele elementului TD

6.3. Atributele elementului TD

Limbajul HTML (partea III)

6.4. Elementele TH i CAPTION

2. Elementul CAPTION are rolul de a permite scrierea

Exemplu: <CAPTION> Un titlu </CAPTION>

Limbajul HTML (partea III)

6.5. Gruparea liniilor i a coloanelor unui tabel

1. Elementul THEAD are rolul de a marca liniile din

2. Elementul TBODY are rolul de a marca liniile din

3. Elementul TFOOT are rolul de a marca liniile de

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

Atribute de tip eveniment acceptate:

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

6.5. Gruparea liniilor i a coloanelor unui tabel

Desigur, extinderea unei celule (sau a mai multora)

Limbajul HTML (partea III)

Cadrele permit mprirea unei ferestre n

De exemplu, putem mpri documentul n dou

n primul cadru va fi afiat o bara de navigaie.

Pentru structurarea unui document HTML

Limbajul HTML (partea III)

7.1. Organizarea documentului n cadre - Tagul <frameset>

Aadar, tagul <frameset> permite

Tagul <frameset> accept urmtoarele

Numrul de cadre orizontale este dat de

Valorile sunt exprimate:

1. fie prin numere ntregi pozitive (nlime

Tagul <frameset> - alte atribute:

border primete o valoare ntreag nenegativ,

yes sau 1 (se foreaz afiarea chenarelor)

framespacing permite specificarea

Limbajul HTML (partea III)

7.2.Definirea cadrelor - Tagul <frame>

Tagul <frame> permite definirea unui cadru n interiorul

marginwidth, marginheight controleaza distana,

border permite setarea grosimii chenarului cadrului curent.

<frameset cols=",2,3*" >