REPOZYTORIUM

mganczarczyk.pl

E14 - HTML - tabele

XD
no elo
Treść

Proste zadanie z tabel w HTML.

Skrypt

<!DOCTYPE html>
<html lang="pl">

<head>
<meta charset="UTF-8" />
<title>Marcel Gańczarczyk 4Ti1 - Tabele zadania</title>
<meta name="keywords" content="HTML, zadania HTML, podstawy, pai, wai" />
<meta name="description" content="Bardzo ładne tabelki" />
<meta name="author" content="Marcel Gańczarczyk" />
</head>

<body>
<h2>Tabela 1 - prosta tabelka</h2>
<table border="1px">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>b1</td>
<td>b2</td>
<td>b3</td>
</tr>
</table>
<h2>Tabela 2</h2>
<table border="1px" width="300px" cellpadding="5" cellspacing="10">
<tr>
<th>H1</th>
<th>H2</th>
<th>H3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</table>
<h2>Tabela 3</h2>
<table border="1px" width="400px" cellpadding="0" cellspacing="0">
<tr>
<th>1991</th>
<th>1992</th>
<th>1993</th>
<th>1994</th>
</tr>
<tr>
<td>1150</td>
<td>1240</td>
<td>1380</td>
<td>1420</td>
</tr>
<tr>
<td>1150</td>
<td>1240</td>
<td>1380</td>
<td>1420</td>
</tr>
<tr>
<td>1150</td>
<td>1240</td>
<td>1380</td>
<td>1420</td>
</tr>
</table>
<h2>Tabela 4</h2>
<table border="1px" width="400px">
<tr>
<th>1991</th>
<th>1992</th>
<th>1994</th>
<th>1995</th>
</tr>
<tr>
<td rowspan="3">x</td>
<td>y</td>
<td>z</td>
<td rowspan="3">w</td>
</tr>
<tr>
<td>g</td>
<td>g</td>
</tr>
<tr>
<td>1240</td>
<td>1380</td>
</tr>
</table>
<h2>Tabela 5</h2>
<table border="1px" width="400px">
<tr>
<td colspan="2">x</td>
<td colspan="2">y</td>
</tr>
<tr>
<td>1991</td>
<td>1992</td>
<td>1993</td>
<td>1994</td>
</tr>
<tr>
<td>1150</td>
<td>1240</td>
<td>1380</td>
<td>1420</td>
</tr>
<tr>
<td>1150</td>
<td>1240</td>
<td>1380</td>
<td>1420</td>
</tr>
</table>
<h2>Tabela 6</h2>
<table border="1px" width="400px">
<tr>
<td colspan="2">x</td>
<td colspan="2">y</td>
</tr>
<tr>
<td rowspan="3">1991</td>
<td>1992</td>
<td>1993</td>
<td rowspan="3">1994</td>
</tr>
<tr>
<td>1240</td>
<td>1380</td>
</tr>
<tr>
<td>1240</td>
<td>1380</td>
</tr>
</table>
<h2>Tabela 7</h2>
<table border="1px" width="400px">
<tr>
<td colspan="4">1150</td>
</tr>
<tr>
<td rowspan="3">1150</td>
<td>1240</td>
<td>1380</td>
<td>1420</td>
</tr>
<tr>
<td>1240</td>
<td>1380</td>
<td>1420</td>
</tr>
<tr>
<td>1240</td>
<td colspan="2">1420</td>
</tr>
</table>
<h2>Tabela 8</h2>
<table border="1px" width="500px">
<caption>Wzrost produkcji masła i margaryny w latach 1991-1995 (w mln USD)</caption>
<tr>
<th colspan="2"></th>
<th colspan="2">1991-1992</th>
<th colspan="3">1993-1995</th>
</tr>
<tr align="center">
<th colspan="2">Masło</th>
<td colspan="2">2390</td>
<td colspan="3">4350</td>
</tr>
<tr align="center">
<th colspan="2">Margaryna</th>
<td>800</td>
<td>900</td>
<td>980</td>
<td>1150</td>
<td>1320</td>
</tr>
</table>
<h2>Tabela 9</h2>
<table border="1px" cellspacing="0" cellpading="0">
<caption>Comparison of models</caption>
<tr>
<th>Model</th>
<th>OS</th>
<th>Display</th>
<th>RAM</th>
</tr>
<tr>
<th>Samsung Galaxy S7</th>
<td rowspan="2">Android</td>
<td>5.1"</td>
<td>4 GB</td>
</tr>
<tr>
<th>Sony Xperia Z5</th>
<td>4.6"</td>
<td rowspan="2">2 GB</td>
</tr>
<tr>
<th>Apple iPhone 6s</th>
<td>iOS</td>
<td>4.7"</td>
</tr>
</table>
</body>

</html>
Komentarze

—— Liczba komentarzy: 5 ——

Musisz się zalogować, by móc dodawać komentarze.
Uprasza się o zamieszczenie kodu wersji dla epileptyków/tancerzy. lmao
Starly1231 October 13, 2019 15:57:00
Ty masz kod wersji dla epileptyków. :>
Administrator October 13, 2019 16:28:37
Bo od nowa pisać tego nie będę xd
Administrator October 13, 2019 17:03:20
No, w ten sposób co to było napisane, to iksde xD
Kodu przy sobie niemam rn, ale jak będę mieć, to przyniosę. ;v
Starly1231 October 14, 2019 08:51:56
Data 2019-10-08 14:57:32

Dodał Administrator

Kategoria 4Ti1
Spróbuj szczęścia

<REZERWACJA MIEJSCA>
Sprawdź także