Урок №3. Создание таблицы в HTML


            

Урок №3. Создание таблицы в HTML

Сначала создадим шаблон HTML-страницы.

КОД:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Создание таблицы в HTML</title>
   </head>
   <body>
   </body>
</html>

Между тегами <body> и </body> вставим следующий код.

КОД:
<table>
   <tr>
      <td>Первая ячейка</td>
      <td>Вторая ячейка</td>
   </tr>
   <tr>
      <td>Первая ячейка второй строки</td>
      <td>Вторая ячейка второй строки</td>	
   </tr>
</table>

Тег <tr> отвечает за строки таблицы, тег <td> за ячейки в строке таблицы.

Ниже размещён полный код веб-страницы с таблицей, состоящей из двух строк и двух ячеек в каждой строке.

КОД:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Создание таблицы в HTML</title>
   </head>
   <body>
      <table>
         <tr>
            <td>Первая ячейка</td>
            <td>Вторая ячейка</td>
         </tr>
         <tr>
            <td>Первая ячейка второй строки</td>
            <td>Вторая ячейка второй строки</td>
         </tr>
      </table>
   </body>
</html>

А вот так таблица выглядит в браузере.


            

Страница обновлена 3 декабря 2023 года.