Specjalne sposoby wyświetlania tabeli

Specjalne sposoby wyświetlania tabeli

  1. Nagłówek tabeli I stopka

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>To jest część nagłówkowa</title>
</head>
<!--Nagłówek w tabeli i stopka
<body>
<table width="300" border cellpadding=5>
<thead><tr><td colspan="2">To jest część nagłówkowa</td></tr></thead>
<tfoot><tr><td colspan="2">To jest stopka</td></tr></tfoot>
<tbody>
<tr>
<td>komórka 11</td>
<td>komórka 12</td>
</tr>
<tr>
<td>komórka 21</td>
<td>komórka 22</td>
</tr>
</tbody>
</table>
</body>
</html>

______________________________________________

  1. Wewnętrzne krawędzi e tabeli
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
    <title>Pierwsza</title>
    </head>
    <body>
    <!--Seria wartości atrybutu rules="wartość" pozwala manipulować wewnętrznymi krawędziami tabeli (przykłady podajemy z użyciem frame="void", czyli bez obecności krawędzi zewnętrznych).

Wartość rules="none" powoduje usunięcie linii wewnętrznych.
Wartość rules="rows" powoduje wyświetlenie tylko poziomych linii wewnętrznych.
Wartość rules="cols" powoduje wyświetlenie tylko pionowych linii wewnętrznych (Opera ma problemy).
Wartość rules="all" powoduje wyświetlenie wszystkich linii wewnętrznych.
-->
<table>
<table border="2"
rules="rows" frame="void">
<td>Pierwsza</td>
<td>Drugi</td>
<td>Trzeci</td>
</tr>
<tr><td>Dziesiąty</td>
<td>Dwudziesty</td>
<td>Trzydziesty</td></tr>
</table>
</body></html>

  1. Specjalne sposoby wyświetlania obramowania tabeli

html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Pierwsza</title>
</head>
<body>

<!--Atrybut frame="wartość" pozwala wyświetlać w specjalny sposób obramowanie tabeli.

Wartość frame="void" pozwala usunąć zewnętrzne obramowanie tabeli.
Wartość frame="above" wstawia górną krawędź obramowania, a frame="below" - dolną.
Wartość frame="lhs" wyświetla lewą krawędź obramowania, a frame="rhs" - prawą.
Wartość frame="box" wyświetla wszystkie krawędzie obramowania.
-->

<table>
<table border="1" frame="box" rules="none"><tr>
<td>Pierwsza</td>
<td>Drugi</td>
<td>Trzeci</td>
</tr>
<tr><td>Dziesiąty</td>
<td>Dwudziesty</td>
<td>Trzydziesty</td></tr></table>
</body>
</html>

  1. Tabela bez obramowania

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Pierwsza</title>
</head>
<body>
<!--Atrybut frame="wartość" pozwala wyświetlać w specjalny sposób obramowanie tabeli.
z wartością rules="none"
-->
<table>
<table border="1" frame="void" rules="none">
<tr>
<td>Pierwsza</td>
<td>Drugi</td>
<td>Trzeci</td>
</tr>
<tr><td>Dziesiaty</td>
<td>Dwudziesty</td>
<td>Trzydziesty</td></tr></table>
</body>
</html>


Wyszukiwarka