👤

Stworzyć stronę WWW, której zostanie umieszczone:

1. Trzy akapity tekstu
2. Lista na minimum 4 punkty
3. Dwa Hiperłącza
4. Dwa Obrazy
5. Tabela o wielkości 3 kolumn i 3 wierszy
6. Dodatkowo zadbać o estetykę całej strony


Odpowiedź :

<!DOCTYPE html>

<html>

   <style>

       body{

           background-image: url(TUTAJ LINK DO ZDJĘCIA);

           background-size: cover;

           background-repeat: no-repeat;

           font-family: Verdana;

       }

       p{

           font-weight: bold;

           font-family: Verdana;

       }

       ul{

           list-style-type: none;

           display: flex;

           justify-content: center;

           background-color: azure;

           border-radius: 10px;

       }

       .u2 li{

           background: #cce5ff;

           margin: 5px;

           border-radius: 5px;

           width: 200px;

       }

       .d{

           text-align: center;

       }

       .u{

           font-weight: bold;

       }

       #tab {

           font-family: Arial, Helvetica, sans-serif;

           border-collapse: collapse;

           width: 100%;

       }

       #tab td, #tab th {

           border: 1px solid #ddd;

           padding: 8px;

       }

       #tab th {

           padding-top: 12px;

           padding-bottom: 12px;

           text-align: left;

           background-color: bisque;

           color: black;

       }

   </style>

<body>

<p>

   Litwo, Ojczyzno moja! ty jesteś jak zdrowie; Ile cię trzeba cenić, ten tylko się dowie, Kto cię stracił.<br>Dziś piękność twą w całej ozdobie Widzę i opisuję, bo tęsknię po tobie.<br><br>Panno święta, co Jasnej bronisz Częstochowy I w Ostrej świecisz Bramie!<br>Ty, co gród zamkowy Nowogródzki ochraniasz z jego wiernym ludem Jak mnie dziecko do zdrowia powróciłaś cudem<br><br> Gdy od płaczącej matki, pod Twoją opiekę Ofiarowany martwą podniosłem powiekę;<br>I zaraz mogłem pieszo, do Twych świątyń progu Iść za wrócone życie podziękować Bogu Tak nas powrócisz cudem na Ojczyzny łono!...

</p>

<div class="d">

   <ul class="u">

       <li>Środki stylistyczne

           <ul class="u2">

               <li>Epitety</li>

               <li>Inwokacja</li>

               <li>Metafora</li>

               <li>Uosobienie</li>

           </ul>

       </li>

   </ul>

   <table id="tab">

       <tr>

         <th>Imię</th>

         <th>Nazwisko</th>

         <th>Urodzony</th>

       </tr>

       <tr>

         <td>Adam</td>

         <td>Mickiewicz</td>

         <td>1798r.</td>

       </tr>

       <tr>

         <td>Adam</td>

         <td>Mickiewicz</td>

         <td>1798r.</td>

       </tr>

       <tr>

         <td>Adam</td>

         <td>Mickiewicz</td>

         <td>1798r.</td>

     </table>

</div>

<a href="TUTAJ UMIEŚĆ LINK DO WIKIPEDII ADAMA MICKIEWICZA">Adam Mickiewicz</a>

<a href="TUTAJ LINK DO TEGO WIERSZA">Wiersz</a>

</body>

</html>

W kodzie umieściłem w niektórych miejscach słowa napisane grubymi literami, zamień te słowa z linkami

Nie znam waszego poziomu umiejętności dlatego wykonałem pracę tak jak potrafię. Praca wykonana samodzielnie. Pozdrawiam :D.

Go Studier: Inne Pytanie