![Page 1: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/1.jpg)
TEHNOLOGII WEB
Universitatea “Constantin Brâncuşi” din Târgu-Jiu
Lect.dr. Adrian Runceanu
![Page 3: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/3.jpg)
Limbajul HTML (partea III)
6. Tabele6.1. Atributele elementului TABLE6.2. Atributele elementului TR6.3. Atributele elementului TD6.4. Elementele TH şi CAPTION6.5. Gruparea liniilor şi a coloanelor unui tabel
Tehnologii Web06.04.2017 3
![Page 4: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/4.jpg)
6.Tabele
Paginile pot conţine 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 când este întâlnit un nou <TR>.
– Opţional, se poate folosi </TR>.
• Elemenul TD(table data) descrie o celulă a tabelului. – Se utilizează tag-urile <TD> şi, opţional, </TD>.
Tehnologii Web06.04.2017 4
![Page 5: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/5.jpg)
6.TabeleExemplu:
Efect:Tehnologii Web
<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>
06.04.2017 5
![Page 6: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/6.jpg)
Limbajul HTML (partea III)
6.Tabele6.1. Atributele elementului TABLE6.2. Atributele elementului TR6.3. Atributele elementului TD6.4. Elementele TH şi CAPTION6.5. Gruparea liniilor şi a coloanelor unui tabel
Tehnologii Web06.04.2017 6
![Page 7: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/7.jpg)
6.1. Atributele elementului TABLE
Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul.
Alăturat puteţi observa cum arată acelaşi tabel în care atributul border lipseşte.
Exemplu:
Tehnologii Web
<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>
06.04.2017 7
![Page 8: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/8.jpg)
6.1. Atributele elementului TABLE
Efect:
Tehnologii Web06.04.2017 8
![Page 9: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/9.jpg)
6.1. Atributele elementului TABLEUn tabel poate conţine şi una sau mai multe imagini aşa cum se vede mai jos, unde imaginea este conţinută de o celulă a tabelului.
Exemplu:
Tehnologii Web
<TABLE BORDER="5"><TR><TD> <IMG SRC="c:\tweety.jpg"> </TD><TD> Cursul de Retele de calculatoare – anul V </TD></TR><TR><TD> Text </TD><TD>Txt </TD></TR>
</TABLE>
06.04.2017 9
![Page 10: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/10.jpg)
6.1. Atributele elementului TABLE
Efect:
Tehnologii Web06.04.2017 10
![Page 11: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/11.jpg)
6.1. Atributele elementului TABLE
Mai mult, o celulă a tabelului poate conţine şi imagine şi text.
De asemenea, tot ce am învăţat î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.
Tehnologii Web06.04.2017 11
![Page 12: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/12.jpg)
6.1. Atributele elementului TABLE
Exemplu:
Tehnologii Web
<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>
06.04.2017 12
![Page 14: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/14.jpg)
6.1. Atributele elementului TABLE
1. width - lăţimea tabeluluiPoate fi dată în procent faţă de lăţimea ferestrei
browser-ului (width="50%") sau în pixeli (width="500").
2. height - înălţimea tabeluluiPoate fi dată în procent faţă de înălţimea ferestrei browser-ului (height="75%") sau în pixeli (height="200").
3. align - determină alinierea tabelului în paginăPoate lua una din valorile: left (stânga), right (dreapta) sau center (în centru). Dacă, pe lângă tabel, mai scriem şi text, acesta se poziţionează faţă de tabel la fel cum se poziţionează faţă de imagini.
Tehnologii Web06.04.2017 14
![Page 15: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/15.jpg)
6.1. Atributele elementului TABLE
Tehnologii Web
<BODY><TABLE BORDER="4" align="left"><TR><TD> Cursul de Retele de calculatoare – anul V </TD><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 estepoziţionat fata de tabel, in funcţie de alinierea acestuia din urma.
</BODY>
Exemplu:
06.04.2017 15
![Page 16: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/16.jpg)
6.1. Atributele elementului TABLEEfect:
Tehnologii Web06.04.2017 16
![Page 17: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/17.jpg)
Limbajul HTML (partea III)
6.Tabele6.1. Atributele elementului TABLE6.2. Atributele elementului TR6.3. Atributele elementului TD6.4. Elementele TH şi CAPTION6.5. Gruparea liniilor şi a coloanelor unui tabel
Tehnologii Web06.04.2017 17
![Page 18: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/18.jpg)
6.2. Atributele elementului TR
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
Tehnologii Web06.04.2017 18
![Page 19: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/19.jpg)
6.2. Atributele elementului TR
Exemplu:
Efect:
Tehnologii Web
<TR align= "center" valign= "middle" bgcolor= "green" ><TD> Cursul de Retele de calculatoare – anul V </TD><TD> Univ. Const. Brancusi </TD>
</TR>
06.04.2017 19
![Page 20: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/20.jpg)
Limbajul HTML (partea III)
6.Tabele6.1. Atributele elementului TABLE6.2. Atributele elementului TR6.3. Atributele elementului TD6.4. Elementele TH şi CAPTION6.5. Gruparea liniilor şi a coloanelor unui tabel
Tehnologii Web06.04.2017 20
![Page 21: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/21.jpg)
6.3. Atributele elementului TD
width, height - lăţimea şi înălţimea celulei (în procente din
lăţimea, respectiv înălţimea tabelului.), în plus, au efecte şi pentru celelalte celule, pentru ca tabelul să fie aliniat.
Exemplu:
Tehnologii Web
<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>
06.04.2017 21
![Page 22: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/22.jpg)
6.3. Atributele elementului TD
Efect:
Tehnologii Web06.04.2017 22
![Page 23: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/23.jpg)
Limbajul HTML (partea III)
6.Tabele6.1. Atributele elementului TABLE6.2. Atributele elementului TR6.3. Atributele elementului TD6.4. Elementele TH şi CAPTION6.5. Gruparea liniilor şi a coloanelor unui tabel
Tehnologii Web06.04.2017 23
![Page 24: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/24.jpg)
6.4. Elementele TH şi CAPTION
1. Elementul TH (table heading)– În loc de <TD> </TD> se poate folosi <TH> </TH>. – Parametrii sunt aceeaşi, doar că textele, implicit, sunt
tipărite 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 găsească imediat după <TABLE>.
Exemplu: <CAPTION> Un titlu </CAPTION>Elementul CAPTION are atributul align.
Tehnologii Web06.04.2017 24
![Page 25: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/25.jpg)
Limbajul HTML (partea III)
6.Tabele6.1. Atributele elementului TABLE6.2. Atributele elementului TR6.3. Atributele elementului TD6.4. Elementele TH şi CAPTION6.5. Gruparea liniilor şi a coloanelor unui tabel
Tehnologii Web06.04.2017 25
![Page 26: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/26.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
Liniile unui tabel pot fi împărţite în trei categorii:1. linii de antet (primele linii ale tabelului)2. linii de corp3. liniile finale ale tabelului
1. Elementul THEAD are rolul de a marca liniile dinantet.• Se foloseşte tag-ul <THEAD> şi, opţional </THEAD>.
2. Elementul TBODY are rolul de a marca liniile dincorpul tabelului.• Se foloseşte tag-ul <TBODY> şi, opţional </TBODY>.
3. Elementul TFOOT are rolul de a marca liniile desfârşitul tabelului.• Se foloseşte tag-ul <TFOOT> şi, opţional </TFOOT>.
Tehnologii Web06.04.2017 26
![Page 27: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/27.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
Structura unui tabel care utilizează această "facilitate" este:<TABLE...>
<CAPTION> . .. <CAPTION><THEAD>
<TR>. . .
</THEAD><TFOOT>
<TR>. . .
</TFOOT><TBODY>
<TR>. . .
</TBODY> </TABLE> Tehnologii Web06.04.2017 27
Liniile aflate in antetul tabelului
Liniile aflate la sfarsitul tabelului
Liniile aflate in corpul tabelului
![Page 28: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/28.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
<thead> - defineşte capul de tabel
• Este folosit împreună cu elementele <tfoot> şi <tbody>
• Atribute opţionale:
– align, valign – indică modul în care se aliniază conţinutul elementului pe orizontală şi pe verticală
• Atribute de tip eveniment acceptate:
– onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup
Tehnologii Web06.04.2017 28
![Page 29: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/29.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
• <tbody> - defineşte corpul unui tabel
• Atribute opţionale:
– align, valign – indică modul în care se aliniazăconţinutul elementului pe orizontală şi pe verticală
• Atribute de tip eveniment acceptate:
– onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup
Tehnologii Web06.04.2017 29
![Page 30: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/30.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
• <tfoot> - defineşte „footer” pentru un tabel.
• Atribute opţionale:
– align, valign – indică modul în care se aliniazăconţinutul elementului pe orizontală şi pe verticală
• Atribute de tip eveniment acceptate:
– onclick, ondblclick, onmousedown,onmousemove, onmouseout, onmouseover,onmouseup, onkeydown, onkeypress, onkeyup
Tehnologii Web06.04.2017 30
![Page 31: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/31.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
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>
Tehnologii Web06.04.2017 31
![Page 32: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/32.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
Efect:
Tehnologii Web06.04.2017 32
![Page 33: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/33.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
În continuare, prezentăm 2 atribute pe care le întâlnim la oricare din aceste 3 elemente:
• Align - aliniere orizontalăPoate lua valorile pe care le-am întâlnit deja.
• Valign - aliniere verticală
Se pot grupa şi coloanele unui tabel, nu numai liniile.
Tehnologii Web06.04.2017 33
![Page 34: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/34.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
Elementul COLGROUP permite gruparea coloanelorunui tabel.
Se utilizează tag-urile <COLGROUP atribute> şi, opţional </COLGROUP>.
• Priviţi tabelul următor. El are trei coloane. • Alinierea conţinutului coloanelor şi spaţiul ocupat de
ele a fost determinat cu ajutorul a două elemente COLGROUP.
• Primul element stabileşte caracteristicile de afişare ale primei coloane, al doilea stabileşte caracteristicile de afişare a următoarelor două coloane.
Tehnologii Web06.04.2017 34
![Page 35: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/35.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
Tehnologii Web
<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>
06.04.2017 35
![Page 37: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/37.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
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></table> Tehnologii Web06.04.2017 37
![Page 38: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/38.jpg)
6.5. Gruparea liniilor şi a coloanelor unui tabel
Efectul este ca celula cu textul „Linia 1” se extinde („span”) pe două rânduri („row”).
De aceea, în sursa html, primul rând de tabel conţine trei celule, pe când cel de-al doilea rând, doar două celule.
Desigur, extinderea unei celule (sau a mai multora) se poate face şi pe coloane („colspan”), chiar şi pe mai multe rânduri sau coloane.
Tehnologii Web06.04.2017 38
![Page 39: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/39.jpg)
Limbajul HTML (partea III)
7. Ferestre în HTML7.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
Tehnologii Web06.04.2017 39
![Page 40: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/40.jpg)
Cadrele permit împărţirea unei ferestre însecţiuni independente între ele, în fiecare dintreacestea fiind posibilă încărcarea unui documentHTML.
Astfel, utilizatorul poate vizualiza simultan maimulte documente.
Tehnologii Web06.04.2017 40
![Page 41: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/41.jpg)
• De exemplu, putem împărţi documentul în două cadre.
• În primul cadru va fi afişată o bara de navigaţie.
• Selectarea unui meniu al barei de navigaţie va determina încărcarea paginii corespunzătoare în cel de-al doilea cadru.
• Astfel, bara de meniuri va fi vizibilă în orice moment al navigării site-ului.
Tehnologii Web06.04.2017 41
![Page 42: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/42.jpg)
Pentru structurarea unui document HTML în cadre sunt utilizate tag-urile:
1. <frameset>2. <frame>3. <noframe>4. <iframe>
Tehnologii Web06.04.2017 42
![Page 43: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/43.jpg)
Limbajul HTML (partea III)
7. Ferestre în HTML7.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
Tehnologii Web06.04.2017 43
![Page 44: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/44.jpg)
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>
Tehnologii Web06.04.2017 44
![Page 45: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/45.jpg)
• Aşadar, tagul <frameset> permitestructurarea documentului principal în cadre.
• În interiorul perechii <frameset> </frameset> nu pot exista decât elemente:
1. <frameset>2. <frame>3. <noframe>
Tehnologii Web06.04.2017 45
![Page 46: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/46.jpg)
Tagul <frameset> acceptă următoareleatribute:
• rows – primeşte ca parametru o listă de valori, separate prin virgulă, ce reprezintă înălţimea cadrelor orizontale ale documentului principal.
• Numărul de cadre orizontale este dat de numărul de valori din listă.
Tehnologii Web06.04.2017 46
![Page 47: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/47.jpg)
Valorile sunt exprimate:
1. fie prin numere întregi pozitive (înălţime absolută exprimată în pixeli)
2. fie prin procente din înălţimea cadrului părinte (înălţime relativă)
3. fie prin caracterul de punctuaţie ‘*’, care semnifică o înălţime relativă
Tehnologii Web06.04.2017 47
![Page 48: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/48.jpg)
Observaţii:
– Nu se recomandă ca toate valorile să fieabsolute, deoarece browserele pot utilizarezoluţii diferite, ceea ce poate duce ladistorsiuni ale afişării;
– În cazul utilizării procentelor, suma acestoranu poate să depăşească 100%, în cazcontrar, browserul va trunchia toate valorilepână ce suma va fi 100.
Tehnologii Web06.04.2017 48
![Page 49: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/49.jpg)
Tagul <frameset> - alte atribute:
cols – permite împărţirea cadrului curent în sectoare verticale.
Parametrii acceptaţi respectă aceleaşi reguli ca şi în cazul atributului rows, numai că se referă la lungimea cadrului.
Tehnologii Web06.04.2017 49
![Page 50: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/50.jpg)
border – primeşte o valoare întreagă nenegativă, reprezentând grosimea, exprimată în pixeli, a chenarului cadrelor.
Implicit, grosimea chenarului este de 5 pixeli. Valoarea 0 a atributului border inhibă afişarea
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.
Tehnologii Web06.04.2017 50
![Page 51: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/51.jpg)
• frameborder – controleaza afişarea/ascunderea chenarelor tuturor cadrelor. – Atributul poate primi valorile:
• yes sau 1 (se forţează afişarea chenarelor)• no sau 0 (se forţează ascunderea chenarelor)
• framespacing – permite specificarea distanţei, în pixeli, de spaţiu liber în jurul tuturor cadrelor.
Tehnologii Web06.04.2017 51
![Page 52: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/52.jpg)
Observaţie:
• Ascunderea unui chenar, prin utilizarea perechii frameborder=”no” sau border=”0”, face ca acesta să nu mai fie vizibil pentru utilizator.
• Totuşi, în Internet Explorer, utilizatorul poate opta pentru redimensionarea cadrului, prin operaţia Drag and Drop asupra marginii invizibile.
• Pentru a inhiba această posibilitate, ascunderea chenarului trebuie însoţită de secvenţa: framespacing=”0”.
Tehnologii Web06.04.2017 52
![Page 53: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/53.jpg)
Limbajul HTML (partea III)
7. Ferestre în HTML7.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
Tehnologii Web06.04.2017 53
![Page 54: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/54.jpg)
7.2.Definirea cadrelor - Tagul <frame>
• Tagul <frame> permite definirea unui cadru în interiorul unui set de cadre.
• El are sens numai atunci când apare în interiorul perechii <frameset> </frameset>.
Atribute acceptate:• src – specifică adresa URL a documentului ce va fi
încărcat în cadrul respectiv;• name – specifică numele cadrului, nume ce va fi utilizat
pentru referirea cadrului respectiv atunci când se va încărca în el un alt document HTML, prin intermediul unei hiperlegături aflate în alt cadru. – Numele este o combinaţie de caractere
alfanumerice;Tehnologii Web06.04.2017 54
![Page 55: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/55.jpg)
• marginwidth, marginheight – controleaza distanţa, exprimată în pixeli, între conţinutul cadrului şi chenarul său;
• scrolling – atributul controlează afişarea/ascunderea barelor de defilare (orizontală sau verticală). Poate primi valorile:– yes – se forţează afişarea barelor de defilare;– no - se forţează ascunderea barelor de defilare;– auto - barele de defilare vor fi afişate numai
atunci când este necesar (când conţinutul cadrului depăşeşte lungimea şi/sau înălţimea cadrului va fi afişată bara de defilare orizontală şi/sau cea verticală);
Tehnologii Web06.04.2017 55
![Page 56: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/56.jpg)
• border – permite setarea grosimii chenarului cadrului curent. – Valoarea atributului border aflat în interiorul tagului frame
este prioritară faţă de valoarea aceluiaşi atribut aflat în tagul frameset.
• noresize – se inhibă utilizatorului posibilitatea de a redimensiona cadrele. – Altfel, el are această posibilitate, prin operaţia Drag and
Drop asupra marginilor cadrelor. • frameborder – controleaza afişarea/ascunderea chenarului
cadrului curent. – Atributul poate primi valorile: yes sau 1(se afişează
chenarul), no sau 0 (se ascunde chenarul);• framespacing – permite specificarea distanţei, în pixeli, de
spaţiu liber în jurul cadrului.• bordercolor – permite specificarea culorii chenarului cadrului
respectiv.
Tehnologii Web06.04.2017 56
![Page 57: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/57.jpg)
Limbajul HTML (partea III)
7. Ferestre în HTML7.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
Tehnologii Web06.04.2017 57
![Page 58: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/58.jpg)
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ă situaţie, browserul va afişa conţinutul inclus în interiorul perechii <noframe> </noframe>.
• Dacă însă, browserul recunoaşte cadrele, el va ignora conţinutul perechii <noframe> </noframe>.
Tehnologii Web06.04.2017 58
![Page 59: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/59.jpg)
• De regulă, atunci când un browser nu recunoaşte un tag, nu îl interpretează.
• Acest lucru se poate întâmpla şi în cazul tagurilor <frameset>, <frame>.
• Este evident că dacă un browser nu recunoaşte tagurile <frameset> şi <frame> el nu va recunoaşte nici <noframe>.
• Însă, va interpreta tagurile pe care le recunoaşte, 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 conţinutul inclus în interiorul perechii <noframe> </noframe>.
Tehnologii Web06.04.2017 59
![Page 60: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/60.jpg)
Limbajul HTML (partea III)
7. Ferestre în HTML7.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
Tehnologii Web06.04.2017 60
![Page 61: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/61.jpg)
7.4. Cadre in-line - Tagul <iframe> (in-line frame)
• Tagurile <iframe> sunt similare tagurilor <frame>, cu deosebirea că se includ în documente HTML obişnuite (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 recunoaşte cadre, el va afişa conţinutul cuprins între <iframe> şi </iframe>.
• Tagul <iframe> acceptă aceleaşi atribute ca şi tagul <frame>, în plus acceptă atribute preluate de la tagul <img>, care controlează modul de afişare al cadrului în interiorul documentului.
Tehnologii Web06.04.2017 61
![Page 62: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/62.jpg)
Atribute acceptate:
1. preluate de la tag-ul<frame>:• src• name• scrolling• border• bordercolor• frameborder• framespacing• noresize• marginwidth, marginheight
Tehnologii Web
2. preluate de la tag-ul<img>:• align• width, height• vspace, hspace
Toate atributele menţionatemai sus au semnificaţiile şiparametrii prezentaţi anterior.
06.04.2017 62
![Page 63: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/63.jpg)
Limbajul HTML (partea III)
7. Ferestre în HTML7.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
Tehnologii Web06.04.2017 63
![Page 64: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/64.jpg)
7.5. ExempleRealizarea cadrelor orizontale
<!--index.html-->
<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>
Tehnologii Web06.04.2017 64
![Page 65: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/65.jpg)
7.5. Exemple
<!--antet.html--><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>
Tehnologii Web06.04.2017 65
![Page 66: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/66.jpg)
7.5. Exemple
<!--continut.html-->
<html><head></head>
<body><p>Specializarile Facultatii de Inginerie sunt: </p><p>Automatica si Informatica; Mecanica; Energetica.</p>
</body></html>
Tehnologii Web06.04.2017 66
![Page 67: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/67.jpg)
7.5. Exemple
<!--adresa.html-->
<html><head></head>
<body><p align="center"><b>Targu-Jiu, Str. Geneva 3, Telefon: 0253.111.111.</b></p>
</body></html>
Tehnologii Web06.04.2017 67
![Page 69: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/69.jpg)
7.5. ExempleImbricarea cadrelor
<!--index.html--><html>
<head><title>Universitatea Constantin Brancusi</title></head>
<frameset rows="120,*,20%"><frame src="antet.html"><frameset cols="100,*">
<frame src="meniu.html"><frame src="desprenoi.html">
</frameset><frame src="adresa.html">
</frameset></html>
Tehnologii Web06.04.2017 69
![Page 71: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/71.jpg)
Cadre imbricate cu chenare colorate de diverse grosimi
<html><head>
<title>Cadre imbricate</title></head>
<frameset rows="50,*,50%">
<frameset cols="25%,*" border="30" bordercolor="red">
<frame src="Pagina1.html"><frame src="Pagina2.html">
</frameset>
Tehnologii Web06.04.2017 71
![Page 72: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/72.jpg)
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="Pagina6.html"><frame src="Pagina7.html" bordercolor="maroon"
noresize></frameset>
</frameset></html>
Tehnologii Web06.04.2017 72
![Page 74: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/74.jpg)
Chenare inactive<!--index.html--><html>
<head><title>Universitatea Constantin Brancusi</title>
</head><frameset rows="92,*,20%" frameborder="no"
framespacing="0"><frame src="antet.html"><frameset cols="100,*">
<frame src="meniu.html"><frame src="desprenoi.html">
</frameset><frame src="adresa.html">
</frameset></html>
Tehnologii Web06.04.2017 74
![Page 76: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/76.jpg)
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>
Tehnologii Web06.04.2017 76
![Page 78: Noţiuni elementare despre Internet - runceanu.ro · 6.1. Atributele elementului TABLE Border defineşte grosimea liniilor (în pixeli) care înconjoară tabelul. Alăturat puteţi](https://reader030.vdocuments.mx/reader030/viewer/2022041301/5e115edc44c11b115f5b8054/html5/thumbnails/78.jpg)
Studiati:
Avocode - http://avocode.com/
Ember -http://campus.codeschool.com/courses/try-ember/contents
Întrebări?
06.04.2017 78Tehnologii Web