Как реализовать такую таблицу?

Web Frontend: JavaScript, HTML/CSS
#1

Screenshot_1
Screenshot_1991×666 162 KB

#2

Что именно не поняли? И задача-то какая?)

#3

как реализовать такую таблицу не понял с style.css

#5

не могу нарисовать имено такую таблицу

#6

colspan, rowspan у <table>. https://html.com/tables/rowspan-colspan/

<table>
  <tr>
    <td colspan="2">АТМ</td>
    <td colspan="3">Сеть</td>
  </tr>
  <tr>
    <td rowspan="2">Уровни</td>
    <td>Каналы</td>
    <td colspan="3">Уровень</td>
  </tr>
  <tr>
    <td>Тракты</td>
    <td rowspan="2">Уровни трактов</td>
    <td>Другие</td>
    <td>SDH</td>
  </tr>
  <tr>
    <td></td>
    <td>Секция</td>
    <td colspan="2">Системы</td>
  </tr>
</table>

table, td {
  border: 1px solid black;
}

td {
  padding: 5px 10px;
  text-align: center;
}

https://jsfiddle.net/AlexP11223/ms0r8xba/16/

1 лайк
#7

поможешь до конца сделать пожалуйста

#8

Так а вы что делать будете?))
Это ж учебная задача, она нужна, чтобы попрактиковаться и научиться делать это.

#9

а как в тексте допустим в низ перенести? строку

#10

Оно само переносится когда не хватает ширины.

Peek 2021-05-20 12-08

Если нужна какая-то определенная ширина, например:

table {
  width: 600px;
}
#12

не перенеслась

всё же немного не понял

#13

Где, что, когда?

Выше же пример с совсем маленькой таблицей, в ней переносится когда примерно 400px ширина.
Окно браузера посжимайте )

#14

так мне надо чтоб таблица выглядела изначально так а не при сжимание окна

#15

Вряд ли.
Там половина ячеек вообще криво перенесена типа

Физическ
ий

Ширину ограничьте как выше, если она будет просматриваться на сильно широких мониторах )

#16

спасиб ща попробую \

#17

добавлю к ответу.можно сделать как вариан на dispay:grid такое с div.Мой ответ просто дополнение

#18

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