Задать вопрос
@Akavra
html

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

Вообщем, сегодня на уроке я изучил создание таблиц в HTML, но в нем упоминалось не про атрибут, width/height и про bgcolor, но поизучав и погуглив пару шутчек, я написал такой код
<!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>


и у меня возник вопрос, как еще можно оформить это задание?653e403600019791619128.png
  • Вопрос задан
  • 77 просмотров
4 комментария
Подписаться 1 Простой 4 комментария
Решения вопроса 1
delphinpro
@delphinpro Куратор тега HTML
frontend developer 
<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>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Устранить утечку памяти в скрипте на питоне
28 апр. 2024, в 02:30
3000 руб./за проект
Дописать/Написать скрипт для экспорта из Telegram
28 апр. 2024, в 00:54
10000 руб./за проект
Разработать дизайн сайта
28 апр. 2024, в 00:53
70000 руб./за проект
Ещё заказы