Mihai Sprinceana
Un forum de programare cu de toate. Va astept sa va inscrieti si sa deveniti moderatori. Oricine este binevenit aici sa se inscrie si sa aiba acces la informatie free! Fiecare este liber sa adauge proiecte programe free etc. Ajutati acest forum sa devina o comunitate puternica unde fiecare invata de la fiecare! Tot ce trebuie sa faceti este sa va inregistrati si fiecare contributie se poate dovedi utila in timp! Forumul este free informatia free dk aveti timp liber ajutati si pe ceilalti si invatati si voi in acelasi timp! Haideti sa facem ceva pt.a ne ajuta intre noi! Cititi regulament postare forum inainte de a posta!
Lista Forumurilor Pe Tematici
Mihai Sprinceana | Inregistrare | Login

POZE MIHAI SPRINCEANA

Nu sunteti logat.
Nou pe simpatie:
BrianaS pe Simpatie.ro
Femeie
23 ani
Bucuresti
cauta Barbat
26 - 57 ani
Mihai Sprinceana / Html / Exemple de Tabele Moderat de Myha, fireratbat, georgeleus, profu.info, sade5000
Autor
Mesaj Pagini: 1
Myha
Moderator

Inregistrat: acum 18 ani
Postari: 5
Exemplu de tabel simplu
<html>
<head>
<title>Credite bancare</title>
</head>
<body>

<h3>ING Bank</h3>
<h4>Dobanzi acordate pentru depozite in valuta (12 luni)</h4>

<table border="2">
  <tr>
    <td>USD</td>
    <td>2</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td>2.7</td>
  </tr>
</table>

</body>
</html>


Exemplu de tabel colorat:
<html>
<head>
<title>Credite bancare</title>
</head>
<body>

<h3>ING Bank</h3>
<h4>Dobanzi acordate pentru depozite in valuta (12 luni)</h4>

<table border="2" bordercolor="black" bgcolor="silver">
  <tr>
    <td bgcolor="aqua">USD</td>
    <td>2</td>
  </tr>
  <tr>
    <td bgcolor="aqua">EUR</td>
    <td>2.7</td>
  </tr>
</table>

</body>
</html>


Exemplu de tabel aerisit:
<html>
<head>
<title>Credite bancare</title>
</head>
<body>

<h3>ING Bank</h3>
<h4>Dobanzi acordate pentru depozite in valuta (12 luni)</h4>

<table align="right" border="2" bordercolor="black" bgcolor="silver" cellspacing="7" cellpadding="7">
  <tr>
    <td bgcolor="aqua">USD</td>
    <td align="right">2</td>
  </tr>
  <tr>
    <td bgcolor="aqua">EUR</td>
    <td align="right">2.7</td>
  </tr>
</table>

Instrumente bancare de economisire:
Certificat de depozit, Card Visa Electronic, Visa Business

</body>
</html>


Exemplu de tabel cu celule extinse pe verticală:
<html>
<head>
<title>Credite bancare</title>
</head>
<body>

<h4>Dobanzi acordate pentru depozite in valuta (12 luni)</h4>

<table border="2" bgcolor="silver" bordercolor="black">
  <tr>
    <td rowspan="2" bgcolor="skyblue">ING Bank</td>
    <td>USD</td>
    <td>2</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td>2.7</td>
  </tr>
  <tr>
    <td rowspan="2" bgcolor="skyblue">Alpha Bank</td>
    <td>USD</td>
    <td>2.35</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td>3.2</td>
  </tr>
</table>

</body>
</html>


Exemplu de tabel cu celule extinse pe verticală şi pe orizontală:
<html>
<head>
<title>Credite bancare</title>
</head>
<body>

<h4>Dobanzi acordate pentru depozite in valuta (12 luni)</h4>

<table border="2" bgcolor="silver" bordercolor="black">
  <tr>
    <td rowspan="2" bgcolor="skyblue" align="center" nowrap>ING Bank</td>
    <td>USD</td>
    <td align="right">2</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td align="right">2.7</td>
  </tr>
  <tr>
    <td rowspan="2" bgcolor="skyblue" align="center" nowrap>Alpha Bank *)</td>
    <td>USD</td>
    <td align="right">2.35</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td align="right">3.2</td>
  </tr>
  <tr>
    <td bgcolor="skyblue" colspan="3">Bancile cu *) efectueaza lunar plata
      dobanzii </td>
  </tr>
</table>

</body>
</html>


Exemplu de tabel cu antete:
<html>
<head>
<title>Credite bancare</title>
</head>
<body>

<table border="2" bgcolor="silver" bordercolor="black" cellpadding="10">
  <tr>
    <th bgcolor="skyblue" colspan="3" height="50">Dobanzi acordate pentru depozite in valuta (12 luni)</th>
  </tr>
  <tr>
    <th bgcolor="skyblue"  height="30">Grup bancar</th>
    <th colspan="2">Credite</th>
  </tr>
  <tr>
    <th rowspan="2" bgcolor="skyblue" nowrap>ING Bank</th>
    <td>USD</td>
    <td align="right">2</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td align="right">2.7</td>
  </tr>
  <tr>
    <th rowspan="2" bgcolor="skyblue" nowrap>Alpha Bank</th>
    <td>USD</td>
    <td align="right">2.35</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td align="right">3.2</td>
  </tr>

</table>

</body>
</html>



<html>
<head>
<title>Credite bancare</title>
</head>
<body>

<table border="2" bgcolor="silver" bordercolor="black">
<caption><h4>Dobanzi acordate pentru depozite in valuta (12 luni)</h4></caption>
  <tr>
    <td rowspan="2" bgcolor="skyblue">ING Bank</td>
    <td>USD</td><td>2</td>
  </tr>
  <tr><td>EUR</td><td>2.7</td></tr>
</table>

</body>
</html>


Alte utilizări ale tabelelor:

Scrierea în coloane:
Aşa cum am văzut mai devreme, scrierea în coloane poate fi realizată cu ajutorul tagului multicol, însă acesta este recunoscut numai de către unele browsere. Utilizarea tabelelor oferă o alternativă, independentă de browser, de a organiza conţinutul documentului web pe mai multe coloane. Se va crea, în acest sens, un tabel fără chenar, cu o linie şi mai multe coloane.

<html>
<head>
<title>IFS</title>
</head>
<body>
<h3 align="center">Sisteme de functii iterate</h3>
<table align="center" cellspacing="5">
  <tr valign="top">
    <td width="33%">In 1981, John Hutchinson pune bazele teoriei sistemelor de functii iterate, in lucrarea <i>Fractali si</i> </td>
    <td width="33%"><i>autosimilaritate</i>, insa de abia in 1988, cercetatorul american Michael Barnsley reuseste sa
    </td>
    <td>formalizeze aceasta teorie, demonstrind celebra teorema a colajului, in lucrarea <i>Fractali pretutindeni</i>. </td>
  </tr>
</table>

</body>
</html>



Alinierea verticală a elementelor în cadrul ferestrei browserului:

Tabele oferă posibilitatea de a controla alinierea, atât pe orizontală cât şi pe verticală a unui element oarecare (text, imagine şamd.) în cadrul ferestrei browserului. În acest sens, se va construi un tabel format dintr-o singură  celulă, tabel ce va tinde să acopere întreaga fereastră. Alinierea elementului în cadrul ferestrei browserului se va realiza cu ajutorul atributelor align şi valign ale celulei.
În exemplul de mai jos am inserat un text şi o imagine în mijlocul ferestrei browserului şi un alt text la baza ferestrei browserului. Poziţia acestora, relativ la marginile ferestrei, se va păstra chiar dacă utilizatorul îi modifică dimensiunile.

<html>
<head>
<title>Album Foto</title>
</head>

<body bgcolor="#C0C0C0">
<table width="100%" height="90%">
  <tr align="center" valign="center">
    <td>
      <h4>Albumul meu foto</h4>
      <h4><br><img src="Ven0.JPG" width="95" height="70"></h4>
    </td>
  </tr>
</table>

<p align="center">Venetia, august 2002</p>

</body>

</html>


pus acum 18 ani
   
Pagini: 1  

Mergi la