17/23

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Таблица посложнее</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <table >
<caption>Посещения по городам</caption>
    <tr>
    <th>Город</th>
    <th>Посещения</th>
    <th>Страниц</th>
    <th>Время</th>
    </tr>
    <tr>
    <td>СПб</td>
    <td>199</td>
    <td>18,02</td>
    <td>00:13:45</td>
    </tr>
       <tr>
    <td>Москва</td>
    <td>69</td>
    <td rowspan="2">нет данных</td>
    <td>00:00:44</td>
       </tr>
    <tr>
    <td>Киев</td>        
    <td>5</td>          
    <td>00:18:07</td>
       </tr>
    <tr>
    <td colspan="3">Всего посещений</td>
    <td>273</td>
       </tr>
  </body>
</html>

body {
width: 350px;
margin: 0;
padding: 0 10px;

font-size: 14px;
font-family: “Arial”, sans-serif;

}
td{
border:1px solid lightgray;
padding:10px;
}

th{
border-bottom:2px solid black;
}
table{

border-collapse:collapse;
padding:10px;
}
caption{
caption-side:bottom;
}
Впишите сюда текст; также, отключить форматирование текста можно, начав строку с 4х пробелов

Исправьте отображение html-кода с помощью кнопки </> в редакторе сообщений, пожалуйста.

хм вроде вставляю код после 4 пробелов и дальше эта проблема

Выделите код таблицы в сообщении и нажмите предложенную кнопку.
upd: не закрыт тег table.

1 лайк

закрыл тег ничего не произошло

Внутренних отступов для заголовочных ячеек не хватает.