Чат Telegram
Группа ВКонтакте
Статьи / Frontend / Создаём таблицу в HTML: тег table / Комментарии
Новый комментарий

Отправить

ImmortalPsych 06.07.2018 в 20:46 
<!DOCTYPE=html>
<head>
    <meta charset="utf-8">
    <title>Таблчика</title>
    <meta name="keywords" content="что угодно">
</head>
<body>
<table>
    <tr>    <td></td>               <td>Золото</td>     <td>Серебро</td>        <td>Бронза</td>         <td>Всего</td>      </tr>
    <tr>    <td>Россия</td>         <td>8</td>          <td>15</td>             <td>19</td>             <td>38</td>         </tr>
    <tr>    <td>Белоруссия</td>     <td>6</td>          <td>14</td>             <td>17</td>             <td>33</td>         </tr>
    <tr>    <td>Азербайджан</td>    <td>2</td>          <td>10</td>             <td>19</td>             <td>27</td>         </tr>
</table>
</body>
</html>

Ой чёта изи))

ivashkevich 07.07.2018 в 07:29

Норм)

nastasya95 11.07.2018 в 11:02 
<!DOCTYPE html>
<html>
<head>

<meta charset = "utf-8">
<title>table</title>
<meta name ="keywords" content ="sedffffffff, sdfffffffffff, sdfffffffffff, sdfffff">
<meta name ="description" content ="sedffffffff sdfffffffffff sdfffffffffff sdfffff dffffffffff ">

</head>
<body>

<table>

<tr> <td>Верхняя левая ячейка</td>  <td>Верхняя правая ячейка</td> 
</tr>

<tr> <td>Средняя левая ячейка</td> <td>Средняя правая ячейка</td>
</tr>

<tr>  <td>Нижняя левая ячейка</td>  <td>Нижняя правая ячейка</td>
</tr>

</table>
</body>
</html>
ivashkevich 11.07.2018 в 21:37

Отлично!

ReyJiz 07.12.2018 в 18:40 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <table border="1px" align="center">
        <tr>
            <td>Верхняя левая ячейка</td>
            <td>Верхняя правая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя правая ячейка</td>
        </tr>
        <tr>
            <td>Нижняя левая ячейка</td>
            <td>Нижняя правая ячейка</td>
        </tr>
    </table>
</body>
</html>
ivashkevich 09.12.2018 в 01:10

Супер!

classic17071999@mail.ru 17.02.2019 в 22:08 
<table>
    <tr><td>Получатель</td> <td>Сумма</td>  <td>Комиссия</td>   <td>Всего</td></tr>
    <tr><td>ФИО</td><td>1.400$</td><td>5,00$</td><td>1.395$</td></tr>
    <tr><td>ФИО</td><td>2.000$</td><td>2,00$</td><td>1.998$</td></tr>
    <tr><td>ФИО</td><td>1.150$</td><td>9,00$</td><td>1.141$</td></tr>
    <tr><td>ФИО</td><td>2.220$</td><td>6,00$</td><td>2.214$</td></tr>
</table>

Что в голову пришло, то сделал xD

ivashkevich 17.02.2019 в 22:09

Норм табличка

Lynatik0100 20.03.2019 в 15:59 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> Домашка по таблицам </title>
</head>
<body>
<table>
    <tr>
        <td> 1.1 ячейка</td><td> 1.2 ячейка</td><td> 1.3 ячейка</td>
    </tr>
    <tr>
        <td>2.1 ячейка</td><td>2.2 ячейка</td><td> 2.3 ячейка</td>
    </tr>
    <tr> 
        <td>3.1 ячейка</td><td>3.2 ячейка</td><td> 3.3 ячейка</td>
</table>
</body>
</html>
ivashkevich 20.03.2019 в 21:12

Ок, только нужно было 3*2 =)

Veronika 04.08.2019 в 15:45 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="web, программист, разработчик, junior, html, php, резюме">
        <meta name="description" content="Талантливый начинающий программист, с горящими глазами. С удовольствием приму участие как в проектировании и разработке новых проектов, так и в доработке и совершенствовании существующих">
        <title>Лучший программист Шадрина Вероника</title>
        <link href="style.css" rel="stylesheet"/><!--подключенные внешние стили. находятся в файле style.css-->
    </head>
    <body>
<h1>Шадрина Вероника</h1>
<a href="image.jpg"><img src="image.jpg" width="200"></a>
<h2>Контактная информация</h2>
<table>
    <tr>
        <td>Город</td><td>Ростов-на-Дону</td>
    </tr>
    <tr>
        <td>Телефон</td><td>8-961-444-44-44</td>
    </tr>
    <tr>
        <td>Адрес эл. почты</td><td>veronika_shadrina@mail.ru</td>
    </tr>
</table>
<hr>
<h2>Мои навыки</h2>
<ul>
<li>языки программирования
<ul>
    <li>HTML</li>
    <li>PHP</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>
</li>
<li>программы
<ol>
    <li>notepad++</li>
    <li>Open Server</li>
    <li>PhpStorm</li>
</ol>
</li>
</ul>
<h2>Мой опыт работы</h2>
<a href="experience.html">[можно посмотреть здесь]</a><br>
<a href="experience.html#3">[здесь самый ценный]</a>
<hr>
<h2>Обо мне</h2>
<a title="моя страничка ВК" href="https://vk.com/veronika_shadrina"><img src="vk.png" width="30"></a>
     <script src="scripts.js"></script><!--подключенные внешние скрипты. находятся в файле scripts.js-->
    </body>
</html>
ivashkevich 04.08.2019 в 21:06

Супер!

pussiacat@gmail.com 26.08.2019 в 20:20

Почему три строки не отображаются?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Table</title>
</head>
<body>
    <table>

<tr> <td>Верхняя левая ячейка</td>  <td>Верхняя правая ячейка</td> 
</tr>

<tr> <td>Средняя левая ячейка</td> <td>Средняя правая ячейка</td>
</tr>

<tr>  <td>Нижняя левая ячейка</td>  <td>Нижняя правая ячейка</td>
</tr>

</table>
</body>
</html>
ivashkevich 28.08.2019 в 05:40

Какие 3 строки?

sshurdakov@gmail.com 22.10.2019 в 23:10 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример таблицы</title>
</head>
<body>
<table>
    <tr>
        <td>оплата товара</td><td>Доставка товара</td>
    </tr>
    <tr>
        <td>Выбор размера чемодана</td><td>Выбор цвета чемодана<td>
    </tr>
    <tr>
        <td>Гарантия чемодана</td><td>Чехлы на выбор</td>
    </tr>
</table>
</body>
</html>
ivashkevich 23.10.2019 в 08:59

Супер!

Vika 10.11.2019 в 16:52 
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Таблица</title>
 </head>
 <body>
  <h2 align="center"> Таблица</h2>
   <table border="2">
    <tr>
    <td>1 </td>
    <td>2 </td>
   </tr>
   <tr>
    <td> 1</td>
    <td> 2</td>
   </tr>
   <tr>
    <td> 1</td>
    <td> 2</td>
   </tr>
  </table>
 </body>
</html>
ivashkevich 11.11.2019 в 09:13

Отлично

MKM_58@bk.ru 17.12.2019 в 21:58

В одном из видеокурсов по html человек говорил о том, что сейчас таблицы в html не актуальны тк таблицы намного проще создавать в css, человек был прав?

ivashkevich 18.12.2019 в 01:42

Да, в современной вёрстке для создания колонок на сайте действительно используется CSS. Однако таблицы всё равно стоит знать и понимать - они используются на сайте когда нужно вывести именно таблицу с какими-либо данными. Помимо этого таблицы также используются в вёрстке email-сообщений, так как там нет поддержки CSS.

На данном сайте нет полной информации о современной вёрстке, но если вы собираетесь становиться PHP-разработчиком, то оно вам и не надо, достаточно знать лишь основы. В остальном этим должны заниматься frontend-разработчики. Если вам интересно это направление, то вам нужно будет после этого курса самостоятельно найти другой источник информации помимо моего сайта, где будут обучать именно фронтенду.

eNergy 05.01.2020 в 10:23 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример таблицы</title>
</head>
<body>
    <table>
        <tr>
            <td>1</td>
            <td>1.1</td>
        </tr>
        <tr>
            <td>2</td>
            <td>2.1</td>
        </tr>
        <tr>
            <td>3</td>
            <td>3.1</td>
        </tr>
    </table>
</body>
</html>
ivashkevich 06.01.2020 в 16:26

Отлично

Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
loader
Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
Логические задачи с собеседований