API tools faq
paste
Advertisement
malinaX

zajęcia 2

malinaX
Jul 19th, 2024
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Zajęcia 2</title>
  6.     <style>
  7.         /* Wewnątrz tagów <style> piszemy kod w języku CSS */
  8.         /* w CSS komenatarze wyglądają tak (w HTML używamy <!--  -->) */
  9.  
  10.         /* to aplikuje styl do wszystkich divów */
  11.         div {
  12.             margin: 0;
  13.         }
  14.  
  15.         /* to aplikuje styl do wszystkich elementów mających przypisaną klasę
  16.            o nazwie classExample */
  17.         .classExample {
  18.             width: 100%;
  19.             height: 50px;
  20.             background-color: bisque;
  21.             border-bottom: 2px solid black;
  22.         }
  23.  
  24.         /* to aplikuje styl tylko do elementu o id myDiv */
  25.         #myDiv {
  26.             width: 50px;
  27.         }
  28.  
  29.         #myDiv2 {
  30.             width: 500px;
  31.         }
  32.  
  33.         table {
  34.             border-collapse: collapse;
  35.         }
  36.  
  37.         td, th {
  38.             border: 1px solid black;
  39.         }
  40.     </style>
  41. </head>
  42. <body>
  43.     <div class="classExample"></div>
  44.     <div id="myDiv" class="classExample"></div>
  45.     <div id="myDiv2" class="classExample"></div>
  46.     <div class="classExample"></div>
  47.     <div class="classExample"></div>
  48.     <div class="classExample"></div>
  49.     <div class="classExample"></div>
  50.     <div class="classExample"></div>
  51.     <div class="classExample"></div>
  52.     <div class="classExample"></div>
  53.  
  54.     <div style="
  55.        margin: 50px 20px 10px 100px;
  56.        padding: 50px 100px 0 0;
  57.        background-color: #f3bdb3;
  58.        text-align: center;
  59.    ">
  60.         <div style="
  61.            width: 100px;
  62.            height: 100px;
  63.            background-color: #37afd7;
  64.            border: 5px solid black;
  65.            border-radius: 100px 1px 15px 30px;
  66.            border-style: dashed;
  67.            text-align: center;
  68.        ">
  69.         </div>
  70.  
  71.         W Tyńcu, <span style="font-size: 20px;">w gospodzie „Pod Lutym Turem”</span>, należącej do opactwa, siedziało kilku ludzi, słuchając opowiadania wojaka bywalca, który z dalekich stron przybywszy, prawił im o przygodach, jakich na wojnie i w czasie podróży doznał. Człek był brodaty, w sile wieku, pleczysty, prawie ogromny, ale wychudły; włosy nosił ujęte w pątlik, czyli w siatkę naszywaną paciorkami; na sobie miał skórzany kubrak z pręgami wyciśniętymi przez pancerz, na nim pas, cały z miedzianych klamr; za pasem nóż w rogowej pochwie, przy boku zaś krótki kord podróżny.
  72.         <br>
  73.         Tuż przy <span style="font-weight: 700;">nim za stołem siedział młodzieńczyk</span> o długich włosach i wesołym spojrzeniu, widocznie jego towarzysz lub może giermek, bo przybrany także po podróżnemu, w taki sam powyciskany od zbroicy skórzany kubrak. Resztę towarzystwa stanowiło dwóch ziemian z okolic Krakowa i trzech mieszczan w czerwonych składanych czapkach, których cienkie końce zwieszały się im z boku aż na łokcie.
  74.         <br>
  75.         Gospodarz<span style="text-decoration: underline;"> Niemiec, w płowym kapturze</span> z kołnierzem wycinanym w zęby, lał im z konwi sytne piwo do glinianych stągiewek i nasłuchiwał ciekawie przygód wojennych.
  76.         <br>
  77.         Jeszcze c<span style="color: #37afd7">iekawiej jednak słuchali mieszczanie.</span> W owych czasach nienawiść, jaka dzieliła za czasów Łokietkowych miasto od rycerskiego ziemiaństwa, znacznie już była przygasła, mieszczaństwo zaś nosiło głowy górniej niż w wiekach późniejszych. Jeszcze ceniono ich gotowość ad concessionem pecuniarum; dlatego też nieraz zdarzało się widzieć w gospodach kupców pijących za pan brat ze szlachtą. Widziano ich nawet chętnie, bo jako ludzie, u których o gotowy grosz łatwiej, płacili zwykle za herbowych.
  78.         <br>
  79.         Tak więc <span>siedzieli teraz i rozmawiali,</span> mrugając od czasu do czasu na gospodarza, aby napełniał stągiewki.
  80.         <br>
  81.         — Toście,<span> szlachetny rycerzu, zwiedzili kawał</span> świata? — rzekł jeden z kupców.
  82.         <br>
  83.         — Niewiel<span>u z tych, którzy</span> teraz ze wszystkich stron ściągają do Krakowa, widziało tyle — odpowiedział przybyły rycerz.
  84.         <br>
  85.         — A niema<span>ło ich ściągnie — mówił</span> dalej mieszczanin. — Wielkie gody i wielka szczęśliwość dla Królestwa! Prawią też, i to pewna, że król kazał całą łożnicę królowej złotogłowem szytym perłami wysłać i takiż baldachim nad nią uczynić. Zabawy będą i gonitwy w szrankach, jakich świat dotąd nie widział.
  86.         <br>
  87.         — Kumotrze Gamroth, nie przerywajcie rycerzowi — rzekł drugi kupiec.
  88.         <br>
  89.         — Nie przerywam ja, kmotrze Eyertreter, tylko tak myślę, że i on rad będzie wiedział, co prawią, bo pewnie sam do Krakowa jedzie. Nie wrócim i tak dziś do miasta, gdyż bramy przedtem zamkną, a w nocy gad, który się w wiórach rodzi, spać nie daje, więc mamy czas na wszystko.
  90.     </div>
  91.  
  92.     <!-- tabela -->
  93.     <table>
  94.         <!-- nagłówek tabeli -->
  95.         <thead>
  96.             <tr>
  97.                 <th>Imię</th>
  98.                 <th>Nazwisko</th>
  99.                 <th>Wiek</th>
  100.                 <th>Miasto</th>
  101.             </tr>
  102.         </thead>
  103.         <!-- ciało tabeli -->
  104.         <tbody>
  105.             <tr>
  106.                 <td>Jan</td>
  107.                 <td>Kowalski</td>
  108.                 <td>28</td>
  109.                 <td>Warszawa</td>
  110.             </tr>
  111.             <tr>
  112.                 <td>Anna</td>
  113.                 <td>Nowak</td>
  114.                 <td>34</td>
  115.                 <td>Kraków</td>
  116.             </tr>
  117.             <tr>
  118.                 <td>Piotr</td>
  119.                 <td>Wiśniewski</td>
  120.                 <td>45</td>
  121.                 <td>Gdańsk</td>
  122.             </tr>
  123.             <tr>
  124.                 <td>Maria</td>
  125.                 <td>Wójcik</td>
  126.                 <td>29</td>
  127.                 <td>Poznań</td>
  128.             </tr>
  129.             <tr>
  130.                 <td>Krzysztof</td>
  131.                 <td>Krawczyk</td>
  132.                 <td>40</td>
  133.                 <td>Wrocław</td>
  134.             </tr>
  135.         </tbody>
  136.     </table>
  137. </body>
  138. </html>
  139.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!