Facebook
From Silly Pheasant, 5 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 256
  1. <!DOCTYPE html>
  2. <html lang="PL">
  3. <title>Formatowanie </title>
  4. <link rel="Stylesheet" href="style2.css"/>
  5. </head>
  6. <meta charset="UTF-8"/>
  7.         <div id="gora">
  8.                 Formatowanie Dokumentów HTML
  9.         </div>
  10.         <div id="nizej">
  11.         <div id="lewo">
  12.         <h2>Przykład listy hobby</h2>
  13.         <ul>
  14.                 <li>muzyka</li>
  15.                 <li>coś tam
  16.                         <ol>
  17.                                 <li>Elo</li>
  18.                         </ol>
  19.                 <li>narka</li>
  20.                
  21.                 </li>
  22.        
  23.         </ul>
  24.         </div>
  25.         <div id="srodek">
  26.                 <br><br>
  27.                 <table border="1">
  28.                 <tr><td>Pora dnia</td><td>Obowiązki</td></tr>
  29.                 <tr><td>rano</td><td>nauka</td></tr>
  30.                 <tr><td>południe</td></td><td>zajęcia dodatkowe</td></tr>
  31.                 <tr><td>popołudnie</td><td rowspan="2">moje hobby</td></tr>
  32.                 <tr><td>wieczór</td></tr>
  33.                
  34.                 </table>
  35.        
  36.         </div>
  37.         <div id="prawo">
  38.         <img src="woooo.png">
  39.         </div>
  40.         </div>
  41.         <div id="nizej2">
  42.         <br><br><br>
  43.         Pomiar tekstu w procentach <input type="text" name="procent"/>%<br>
  44.         <select name="prosty">
  45.                 <option>Prosty</option>
  46.         </select>
  47.         <br>
  48.         Jakim kolorem sformatować tekst
  49.         <br>
  50.        
  51.         <br>
  52.         To jest przykład paragrafu
  53.        
  54.         </div>
  55.         <div id="dol">
  56.         Formatowaniem zajął się Habel
  57.         </div>
  58.        
  59.  
  60. </body>
  61. </html>
  62.  
  63.  
  64.  
  65.  
  66. #gora{
  67.         width: 1920px;
  68.         height: 200px;
  69.         background-color: #824555;
  70.         color: white;
  71.         text-align: center;
  72.         display:table-cell;
  73.         vertical-align:middle;
  74.        
  75.        
  76.        
  77. }
  78. #nizej{
  79.         background-color: #A26475;
  80.         height: 300px;
  81.         width: 100%;
  82.         color:white;
  83. }
  84. #lewo{
  85.         width: 500px;
  86.         float:left;
  87. }
  88. #srodek{
  89.         float: middle;
  90.         float:left;
  91. }
  92. #prawo{
  93.         float: right;
  94.        
  95.        
  96. }
  97. #nizej2{
  98.         height:300px;
  99.         width: 100%;
  100.         background-color: #F0EAE2;
  101. }
  102. #dol{
  103.         background-color: #A26475;
  104.         height:100px;
  105.         width: 1920px;
  106.         text-align: center;
  107.         display:table-cell;
  108.     vertical-align:middle;
  109. }