Advertisement
vencinachev

Tables&Lists

Mar 15th, 2021
876
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Tables</title>
  5.     </head>
  6.     <body>
  7.         <h1>Таблици и списъци</h1>
  8.         <table border="1" width="500px">
  9.             <tr>
  10.                 <th>A</th>
  11.                 <th>B</th>
  12.                 <th>C</th>
  13.             </tr>
  14.             <tr>
  15.                 <td>D</td>
  16.                 <td>E</td>
  17.                 <td>F</td>
  18.             </tr>
  19.             <tr>
  20.                 <td>D</td>
  21.                 <td>E</td>
  22.                 <td>F</td>
  23.             </tr>
  24.         </table>
  25.         <br><br>
  26.         <table border="1" width="300px">
  27.             <tr>
  28.                 <td>A</td>
  29.                 <td>B</td>
  30.             </tr>
  31.             <tr>
  32.                 <td colspan="2" align="center"> C </td>
  33.             </tr>
  34.         </table>
  35.         <br><br>
  36.        
  37.          <table border="1" width="500px">
  38.             <tr>
  39.                 <th colspan="2">A</th>
  40.                 <th>B</th>
  41.             </tr>
  42.             <tr>
  43.                 <td>C</td>
  44.                 <td>D</td>
  45.                 <td>E</td>
  46.             </tr>
  47.             <tr>
  48.                 <th colspan="3">F</th>
  49.             </tr>
  50.         </table>
  51.         <br><br>
  52.         <table border="1" width="300px">
  53.             <tr>
  54.                 <td rowspan="3" colspan="2">A</td>
  55.                 <td>B</td>
  56.             </tr>
  57.             <tr>
  58.                 <td>D</td>
  59.             </tr>
  60.         </table>
  61.         <br><br>
  62.        
  63.         <table border="1" width="300px">
  64.             <tr>
  65.                 <th>Heading</th>
  66.                 <th>Heading</th>
  67.                 <th>Heading</th>
  68.                 <th>Heading</th>
  69.             </tr>
  70.             <tr>
  71.                 <td rowspan="4"> span rows </td>
  72.                 <td colspan="3"> span cols </td>
  73.             </tr>
  74.             <tr>
  75.                 <td colspan="2">span cols</td>
  76.                 <td rowspan="3">span rows</td>
  77.             </tr>
  78.             <tr>
  79.                 <td rowspan="2">span rows</td>
  80.                 <td>span none</td>
  81.             </tr>
  82.              <tr>
  83.                 <td>span none</td>
  84.             </tr>
  85.         </table>
  86.         <br><br>
  87.        
  88.         <h1>Знаме на <a href="https://bg.wikipedia.org/wiki/%D0%91%D1%8A%D0%BB%D0%B3%D0%B0%D1%80%D0%B8%D1%8F" target="_blank">България</a> с таблица</h1>
  89.         <table border="1" width="300px" height="100px">
  90.             <tr>
  91.                 <td style="background-color: white;"></td>
  92.             </tr>
  93.             <tr>
  94.                 <td style="background-color: green;"></td>
  95.             </tr>
  96.             <tr>
  97.                 <td style="background-color: red;"></td>
  98.             </tr>
  99.         </table>
  100.        
  101.         <h1>Знаме на Германия с таблица</h1>
  102.         <table border="1" width="300px" height="100px">
  103.             <tr>
  104.                 <td style="background-color: black;"></td>
  105.             </tr>
  106.             <tr>
  107.                 <td style="background-color: red;"></td>
  108.             </tr>
  109.             <tr>
  110.                 <td style="background-color: yellow;"></td>
  111.             </tr>
  112.         </table>
  113.         <br><br>
  114.        
  115.         <h1>Знаме на Русия с таблица</h1>
  116.         <table border="1" width="300px" height="100px">
  117.             <tr>
  118.                 <td style="background-color: white;"></td>
  119.             </tr>
  120.             <tr>
  121.                 <td style="background-color: blue;"></td>
  122.             </tr>
  123.             <tr>
  124.                 <td style="background-color: red;"></td>
  125.             </tr>
  126.         </table>
  127.        
  128.         <!-- Неподреден Unordered List списък -->
  129.         <ul style="list-style-type: none;">
  130.             <li>Правец</li>
  131.             <li>София</li>
  132.             <li>Враца</li>
  133.             <li>Каспичан</li>
  134.             <li>Тробалъжи</li>
  135.         </ul>
  136.        
  137.         <ol  style="list-style-type:lower-alpha;">
  138.             <li>Правец</li>
  139.             <li>София</li>
  140.             <li>Враца</li>
  141.             <li>Каспичан</li>
  142.             <li>Тробалъжи</li>
  143.         </ol>
  144.        
  145.     </body>
  146. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement