mikolajmki

pia_lab1

Mar 2nd, 2022 (edited)
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.24 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html lang="pl">
  3.  
  4.     <head>
  5.  
  6.         <meta charset = "UTF-8">
  7.         <title>Szybki kurs HTML</title>
  8.     </head>
  9.  
  10.     <body>
  11.  
  12.         <div id="tytul1"> <h1>Szybki kurs HTML</h1> </div>
  13.         <div id="linki">
  14.             <a href="index.html">Podstawowe znaczniki</a>
  15.             <a href="tabele.html">Twworzenie tabel</a>
  16.             <a href="">Budowa formularzy</a>
  17.         </div>
  18.  
  19.         <div id="tytul2"><h2>Podstawowe znaczniki HTML to:</h2></div>
  20.  
  21.         <div id="lista">
  22.             <ul>
  23.                 <li> &lt;table&gt; - znacznik zawierajacy cala tabele</li>
  24.                 <li> &lt;caption&gt; - tytul tabeli</li>
  25.                 <li> &lt;thead&gt; - naglowek tabeli</li>
  26.                 <li> &lt;tbody&gt; - zawartosc tabeli</li>
  27.                 <li> &lt;tfoot&gt; - stopka tabeli</li>
  28.                 <li> &lt;tr&gt; - wierszz tabeli</li>
  29.                 <li> &lt;td&gt; - komorka tabeli (zawarta w wierszu)</li>
  30.                 <li> &lt;th&gt; - komorka naglowkowa tabeli (rowniez zawarta w wierszu)</li>
  31.             </ul>
  32.         </div>
  33.  
  34.         <div id="tytul3"><h3>Przykladowa tabela HTML:</h3></div>
  35.  
  36.         <div id="tabela">
  37.  
  38.             <table border = "1">
  39.                 <caption> Popularnosc jezykow programowania </caption>
  40.  
  41.                 <thead>
  42.                     <tr>
  43.                         <th rowspan="2">Jezyk programowania</th>
  44.                         <th colspan="2">Pozycja</th>
  45.                     </tr>
  46.                     <tr>
  47.                         <th>Luty 2020</th>
  48.                         <th>2015</th>
  49.                     </tr>
  50.                 </thead>
  51.  
  52.                 <tbody>
  53.                     <tr>
  54.                         <td>Java</td>
  55.                         <td>1</td>
  56.                         <td>2</td>
  57.                     </tr>
  58.                     <tr>
  59.                         <td>C</td>
  60.                         <td>2</td>
  61.                         <td>1</td>
  62.                     </tr>
  63.                     <tr>
  64.                         <td>Python</td>
  65.                         <td>3</td>
  66.                         <td>7</td>
  67.                     </tr>
  68.                     <tr>
  69.                         <td>C++</td>
  70.                         <td>4</td>
  71.                         <td>4</td>
  72.                     </tr>
  73.                     <tr>
  74.                         <td>C#</td>
  75.                         <td>5</td>
  76.                         <td>7</td>
  77.                     </tr>
  78.                 </tbody>
  79.  
  80.                 <tfoot>
  81.                     <td colspan="3">
  82.                         <a style="display: flex;">Na podstawie:</a>
  83.                         <a href = "https://www.tiobe.com/tiobe-index/">https://www.tiobe.com/tiobe-index/</a>
  84.                     </td>
  85.                 </tfoot>
  86.               </table>
  87.  
  88.         </div>
  89.         <div id="bfoot">© BP</div>
  90.  
  91.     </body>
  92.  
  93. </html>
  94.  
  95. <!DOCTYPE html>
  96. <html lang = "pl">
  97.     <head>
  98.         <meta charset="UTF-8"/>
  99.         <title>Szybki kurs HTML</title>
  100.     </head>
  101.     <body>
  102.  
  103.         <div id="tytul1"> <h1>Szybki kurs HTML</h1> </div>
  104.         <div id="linki">
  105.             <a href="index.html">Podstawowe znaczniki</a>
  106.             <a href="tabele.html">Twworzenie tabel</a>
  107.             <a href="">Budowa formularzy</a>
  108.         </div>
  109.  
  110.         <div id="tytul2"><h2>Podstawowe znaczniki HTML to:</h2></div>
  111.  
  112.         <div id="lista">
  113.             <ul>
  114.                 <li> &lt;table&gt; - znacznik zawierajacy cala tabele</li>
  115.                 <li> &lt;caption&gt; - tytul tabeli</li>
  116.                 <li> &lt;thead&gt; - naglowek tabeli</li>
  117.                 <li> &lt;tbody&gt; - zawartosc tabeli</li>
  118.                 <li> &lt;tfoot&gt; - stopka tabeli</li>
  119.                 <li> &lt;tr&gt; - wierszz tabeli</li>
  120.                 <li> &lt;td&gt; - komorka tabeli (zawarta w wierszu)</li>
  121.                 <li> &lt;th&gt; - komorka naglowkowa tabeli (rowniez zawarta w wierszu)</li>
  122.             </ul>
  123.         </div>
  124.  
  125.         <div id="validator-link-and-image">
  126.             <a href="https://validator.w3.org/">HTML Walidator</a>
  127.             <img alt="" src="https://upload.wikimedia.org/wikipedia/commons/e/ed/W3C%C2%AE_Icon.svg"/>
  128.         </div>
  129.         <div id="bfoot">© BP</div>
  130.     </body>
  131. </html>
Add Comment
Please, Sign In to add comment