Как еще можно оформить задание с таблицей?

HTML PHP

6 мая 2026 1 ответ

Вообщем, сегодня на уроке я изучил создание таблиц в HTML, но в нем упоминалось не про атрибут, width/height и про bgcolor, но поизучав и погуглив пару шутчек, я написал такой код

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;Кубик-таблица&lt;/title&gt; &lt;/head&gt; &lt;body&gt;     &lt;table style="width: 300px; height: 300px;"&gt;         &lt;tr&gt;             &lt;th colspan="2" bgcolor="Moccasin" height=33% width=33%&gt;&amp;nbsp;&lt;/th&gt;             &lt;th bgcolor="GreenYellow" width=33% height=33%&gt;&amp;nbsp;&lt;/th&gt;         &lt;/tr&gt;         &lt;tr&gt;             &lt;th rowspan="2" bgcolor="Moccasin" width=33% height=33%&gt;&amp;nbsp;&lt;/th&gt;             &lt;th colspan="2" bgcolor="Cyan" height=33%&gt;&lt;/th&gt;         &lt;/tr&gt;         &lt;tr&gt;                          &lt;th bgcolor="cyan"&gt;&amp;nbsp;&lt;/th&gt;             &lt;th bgcolor="greenyellow"&gt;&amp;nbsp;&lt;/th&gt;         &lt;/tr&gt;     &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Кубик-таблица</title> </head> <body> <table style="width: 300px; height: 300px;"> <tr> <th colspan="2" bgcolor="Moccasin" height=33% width=33%>&nbsp;</th> <th bgcolor="GreenYellow" width=33% height=33%>&nbsp;</th> </tr> <tr> <th rowspan="2" bgcolor="Moccasin" width=33% height=33%>&nbsp;</th> <th colspan="2" bgcolor="Cyan" height=33%></th> </tr> <tr> <th bgcolor="cyan">&nbsp;</th> <th bgcolor="greenyellow">&nbsp;</th> </tr> </table> </body> </html>

и у меня возник вопрос, как еще можно оформить это задание?

Дополнительно:

Здест нужны тэги td, а не th,

Rsa97, Действительно, как-то пропустил это мимо глаз, спасибо!

вы где эти уроки откопали? Все атрибуты давно устаревшие.

Сергей delphinpro, я же написал атрибуты height , width и bgcolor я нашел сам, ибо по другому не знал как сделать

&lt;table class="table"&gt;     &lt;tr&gt;         &lt;td class="moccasin" colspan="2"&gt;&amp;nbsp;&lt;/th&gt;         &lt;td class="greenyellow"&gt;&amp;nbsp;&lt;/th&gt;     &lt;/tr&gt;     &lt;tr&gt;         &lt;td class="moccasin" rowspan="2"&gt;&amp;nbsp;&lt;/td&gt;         &lt;td class="cyan" colspan="2"&gt;&lt;/td&gt;     &lt;/tr&gt;     &lt;tr&gt;         &lt;td class="cyan"&gt;&amp;nbsp;&lt;/td&gt;         &lt;td class="greenyellow"&gt;&amp;nbsp;&lt;/td&gt;     &lt;/tr&gt; &lt;/table&gt; &lt;style&gt; .table {   width: 300px;   height: 300px;   border-spacing: 5px;   border-collapse: separate;   border: none; } .table td {   width: 33%;   height: 33%; } .moccasin {   background: moccasin; } .greenyellow {   background: greenyellow; } .cyan {   background: cyan; } &lt;/style&gt;

<table class="table"> <tr> <td class="moccasin" colspan="2">&nbsp;</th> <td class="greenyellow">&nbsp;</th> </tr> <tr> <td class="moccasin" rowspan="2">&nbsp;</td> <td class="cyan" colspan="2"></td> </tr> <tr> <td class="cyan">&nbsp;</td> <td class="greenyellow">&nbsp;</td> </tr> </table> <style> .table { width: 300px; height: 300px; border-spacing: 5px; border-collapse: separate; border: none; } .table td { width: 33%; height: 33%; } .moccasin { background: moccasin; } .greenyellow { background: greenyellow; } .cyan { background: cyan; } </style>

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Кирилл JS Ответ

6 мая 2026 в 21:20

Для оформления задания с таблицей на сайте, вы можете использовать HTML и CSS. Например, создайте таблицу с помощью тегов

. Вот пример кода:

<table>
  <tr>
    <th>Заголовок 1</th>
    <th>Заголовок 2</th>
    <th>Заголовок 3</th>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
    <td>Ячейка 3</td>
  </tr>
  <tr>
    <td>Ячейка 4</td>
    <td>Ячейка 5</td>
    <td>Ячейка 6</td>
  </tr>
</table>

<table> <tr> <th>Заголовок 1</th> <th>Заголовок 2</th> <th>Заголовок 3</th> </tr> <tr> <td>Ячейка 1</td> <td>Ячейка 2</td> <td>Ячейка 3</td> </tr> <tr> <td>Ячейка 4</td> <td>Ячейка 5</td> <td>Ячейка 6</td> </tr> </table>

Вы также можете использовать CSS для стилизации таблицы, например, задать ширину столбцов, цвет фона и текста ячеек и т.д. Вот пример CSS кода:

 
  table {
    width: 100%;
    border-collapse: collapse;
  }
  th, td {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
  }
  th {
    background-color: #f2f2f2;
  }

table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; padding: 8px; text-align: center; } th { background-color: #f2f2f2; }

Таким образом, используя HTML и CSS, вы можете создать красиво оформленные таблицы на вашем сайте, что поможет улучшить визуальное представление информации и сделать ее более понятной для пользователей.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

Веб-разработка Какие особенности разработки сайтов под тор/даркнет? 1 ответ Веб-разработка Как поправить этот код чтобы можно было обновить данные в бд( при взаимодействии с методом класса в Node.js)? 2 ответов Android Как заменить класс AuthorizationCodeInstalledApp на Android (Google API)? 1 ответ Google Как подтвердить аккаунт Google? 1 ответ

Как еще можно оформить задание с таблицей?

Дополнительно:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно