CSS - obrazy, tabele
<img>
<img src="grafika/obraz.png" style="width: 320px; height: 240px;" alt="s³oneczko" />
<iframe width="320" height="240" src="https://www.youtube.com/embed/4EPfthY2NPI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<video src="audio_wideo/skejci z Kazimierza.mp4" width="320" height="240" preload controls> </video>
wynik kodu

<figure> </figcaption>
<figure>
<img src="grafika/obraz.png" style="width: 320px; height: 240px;" alt="s³oneczko" />
<figcaption>s³oneczko</figcaption>
</figure>
<figure>
<iframe width="320" height="240" src="https://www.youtube.com/embed/4EPfthY2NPI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<figcaptions>skejci z Kazimierza</figcaption>
</figure>
<figure>
<video src="audio_wideo/skejci z Kazimierza.mp4" width="320" height="240" preload controls> </video>
<figcaptions>skejci z Kazimierza</figcaption>
</figure>
wynik kodu

rezygnowanie z oblewania akapitu tekstem
<caption>nag³ówek tabeli</caption>
<table>
<caption style="caption-side: top;">Najlepiej sprzedaj±ce siê gry w historii (stan na maj 2020):</caption>
<tr>
<th>gra</th>
<th>sprzeda¿</th>
</tr>
<tr>
<td>Minecraft</td>
<td>200 mln egzemplarzy</td>
</tr>
<tr>
<td>Grand Theft Auto V</td>
<td>120 mln egzemplarzy</td>
</tr>
</table>
wynik kodu
gra | sprzeda¿ |
---|---|
Minecraft | 200 mln egzemplarzy |
Grand Theft Auto V | 120 mln egzemplarzy |
<table>
<caption style="caption-side: bottom;">Najlepiej sprzedaj±ce siê gry w historii (stan na maj 2020):</caption>
<tr>
<th>gra</th>
<th>sprzeda¿</th>
</tr>
<tr>
<td>Minecraft</td>
<td>200 mln egzemplarzy</td>
</tr>
<tr>
<td>Grand Theft Auto V</td>
<td>120 mln egzemplarzy</td>
</tr>
</table>
wynik kodu
gra | sprzeda¿ |
---|---|
Minecraft | 200 mln egzemplarzy |
Grand Theft Auto V | 120 mln egzemplarzy |