|
Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Инспектор
Вы можете этот курс.
Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 4:
Таблицы
Заглавие таблицы
<html> <body> <h4> Эта таблица имеет заглавие и толстую рамку: </h4> <table border="6"> <caption>Заглавие</caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table> </body> </html>
Пример выполнения данного HTML-кода
Ячейки таблицы, которые охватывают более одной строки/столбца
<html> <body> <h4>Ячейка, которая охватывает два столбца:</h4> <table border="1"> <tr> <th>Организация</th> <th colspan="2">Телефон</th> </tr> <tr> <td>Интернет-Университет Информационных Технологий</td> <td>253-9312</td> <td>253-9313</td> </tr> </table> <h4>Ячейка, которая охватывает две строки:</h4> <table border="1"> <tr> <th>Организация:</th> <td> Интернет-Университет Информационных Технологий </td> </tr> <tr> <th rowspan="2">Телефон:</th> <td>253-9312</td> </tr> <tr> <td>253-9313</td> </tr> </table> </body> </html>
Пример выполнения данного HTML-кода
Теги внутри таблицы
<html>
<body>
<table border="1">
<tr>
<td>
<p>Это параграф </p>
<p>Это другой параграф </p>
</td>
<td>Эта ячейка содержит таблицу:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Эта ячейка содержит список
<ul>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ul>
</td>
<td>КОНЕЦ</td>
</tr>
</table>
</body>
</html>Пример выполнения данного HTML-кода
Отступ от рамки до содержимого ячейки
<html> <body> <h4>Без отступа:</h4> <table border="1"> <tr> <td>Первая </td> <td>Строка</td> </tr> <tr> <td>Вторая </td> <td>Строка</td> </tr> </table> <h4>С отступом (cellpadding) :</h4> <table border="1" cellpadding="10"> <tr> <td>Первая</td> <td>Строка</td> </tr> <tr> <td>Вторая</td> <td>Строка</td> </tr> </table> </body> </html>
