Inf. dla klas drugich - L. 32

Temat: Tabele w HTML
Oto znaczniki wykorzystywane do tworzenia tabel w HTML:
<table></table> - początek i koniec tabeli
<tr></tr> - początek i koniec wiersza tabeli
<td></td> - początek i koniec komórki w tabele.
Dodatkowo można dodawać właściwości znacznikom <td>:
colspan="x"
rowspan="x"
Gdzie x to liczba kolumn lub wierszy, na którą ma być rozciągnięta komórka. Na przykład:
<td colspan="3"></td>
<td rowspan="2"></td>
Przykłady są tu:
http://www.quackit.com/html/html_table_tutorial.cfm

Zadanie: Używając edytor HTML online http://htmledit.squarefree.com/, stwórz tabelę jak na poniższym rysunku

a)

b)

Przed tabelą wstaw poniższy kod:

<style type="text/css">
  table{
    border: 1px solid blue;
    background-color: yellow;
    border-spacing: 0px;
  }
  td{
    border: 1px solid blue;
    padding: 5px;
  }
</style>
Pomoże on ci zmienić widok tabeli tak, by wyglądała czytelnie i ładnie.