Loading:


Budujemy stronę HTML od podstaw część. 3
2. Tworzenie tabeli w HTML



Zobaczmy teraz jak tworzy się prostą tabele


Oto prosta konstrukcja tabeli:

<table border="1" width="200px">
<tr>
<td>Imię</td><td>Nazwsko</td>
</tr>
<tr>
<td>Jan</td><td>Kowalski</td>
</tr>
<tr>
<td>Stanisław</td><td>Malinowski</td>
</tr>
</table>


Imię Nazwsko
Jan Kowalski
Stanisław Malinowski

 

Oto troszkę bardzoej zaawansowana postać tabeli:

<table width="100%" border="1">
  <tr>
    <td colspan="6">naglówek</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="3">menu</td>
    <td colspan="2">news</td>
    <td colspan="2">artykuły</td>
  </tr>
 
  <tr>
    <td>box1</td>
    <td>box2</td>
    <td>box5</td>
    <td>box6</td>
  </tr>
  <tr>
    <td>box3</td>
    <td>box4</td>
    <td>box7</td>
    <td>box8</td>
  </tr>
  <tr>
    <td colspan="6">stopka</td>
  </tr>
</table>


Untitled Document

naglówek
menu news artykuły
box1 box2 box5 box6
box3 box4 box7 box8
stopka

 

W tym przykłądzie użyliśmy border, colspan i rowspan:

border - obramowanie tabeli 0 to brak obramowania

colspan - scala kolumny np: colspan="2" oznacza ze ta komórka ma szerokość 2 kolumn tak jak news czy artykuły

rowspan - scala wiersze np: rowspan="3" oznacza ze ta komórka ma wyskokość 3 komórek np jak menu

Dalsza czê¶æ: 1 2 3

Napisz Artyku³






Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2024 v.1.5 | design: diviXdesign & rainbowcolors