Tabela w HTML - zadanie dla klasy VIII
Witam ponownie :) na koniec wspólnej walki dodamy tabele w HTML. W części body zdefiniowany został styl ramki (border). Wprowadźcie zmiany do poprzedniego kodu i zobaczcie, jaki efekt otrzymacie :)
<!DOCTYPE html>
<html>
<body>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
<p>
Tekst jako link: <a href="https://sp.moszczenica.eu">Link do strony szkoły</a>
</p>
<p>
Obrazek jako link: <a href="https://sp.moszczenica.eu">
<img src="images/logo.png" width="100" height="100">
</a>
</p>
<table style="width:100%">
<tr>
<th>Imię</th>
<th>Nazwisko</th>
<th>Wiek</th>
</tr>
<tr>
<td>Oskar</td>
<td>Ciecióra</td>
<td>5 lat odsiadki</td>
</tr>
<tr>
<td>Gracjan</td>
<td>Dziębor</td>
<td>Dożywocie :)</td>
</tr>
</table>
</body>
</html>
Komentarze
Prześlij komentarz