API tools faq
paste
deyanivanov966

First Steps HTML5 Lections - ШАБЛОН Таблица обикновена

deyanivanov966
Apr 12th, 2021 (edited)
227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html> <!--Декларатор, показващ версията на html-->
  2. <html lang="bg"> <!--Отварящ таг-начало на html документа-->
  3. <head> <!--НАЧАЛО НА ПЪРВА ОСНОВНА СЕКЦИЯ-съдържа метаданни и информация за страницата-->
  4.     <meta charset="utf-8" /> <!--ДЕФИНИЦИЯ НА КОДИРАНЕТО - Начало на мета информацията за страницата(невидими)-->
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--За изглед на различни устройства-->
  7.     <meta name="description" content="Пълно описание на страницата / сайта" />
  8.     <meta name="author" content="Автор на страницата" />
  9.     <meta name="keywords" content="Ключови думи, разделени със запетая" />
  10.     <meta name="Document-state" content="Static" /> <!--Статичен/Динамичен-обновяващ се сайт-->
  11.     <title>Заглавие на сайта | Страница от сайта</title> <!--ЗАГЛАВИЕ(появява се в търсачките и най-отгоре в браузъла) - Край на мета информацията за страницата(невидими)-->
  12. </head> <!--КРАЙ НА ПЪРВА ОСНОВНА СЕКЦИЯ-->
  13. <body> <!--НАЧАЛО НА ВТОРА ОСНОВНА СЕКЦИЯ-тялото на страницата с основно съдържание, което се показва в браузъра-->
  14.    <h3>HTML таблица</h3>
  15.       <table cellspacing="10" cellpadding="10"> <!--Вмъкване на таблица с разстояние:между клетките(1);между съдържанието на клетката и нейната рамка(2)-->
  16.          <thead> <!--Описва заглавието на таблицата -->
  17.             <tr> <!--Елементи от 1ви ред-->
  18.                <th>Месец</th> <!--Елементи на ЗАГЛАВЕН ред-->
  19.                <th>Заплата</th>
  20.                 <th>Спесявания</th>
  21.             </tr>
  22.          </thead>
  23.           <tbody> <!--Описва тялото на таблицата -->
  24.              <tr> <!--Елементи от 2ри ред-->
  25.                  <td>Януари</td> <!--Елементи на всеки следващ ред ред-->
  26.                  <td>1000 лв.</td>
  27.                  <td>300 лв.</td>
  28.              </tr>
  29.              <tr> <!--Елементи от 3ти ред-->
  30.                  <td>Февруари</td>
  31.                  <td colspan="2">1000 лв.</td> <!--Обединяване на 2ра и 3та клетка-->
  32.              </tr>
  33.           </tbody>
  34.           <tfoot> <!--Описва края на таблицата -->
  35.              <tr> <!--Елементи от 4ти ред-->
  36.                  <td>Сума</td>
  37.                  <td>900 лв.</td>
  38.                  <td>200 лв.</td>
  39.              </tr>
  40.           </tfoot>
  41.       </table>
  42. </body>
  43. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!