|
Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 24674 / 10844 | Оценка: 4.30 / 4.02 | Длительность: 08:22:00
Специальности: Программист, Разработчик интернет-проектов
Лекция 4:
Таблицы
Дополнительные примеры
Таблица без рамки
<html> <body> <h4>Эта таблица не имеет рамки:</h4> <table> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table> <h4>И эта таблица не имеет рамки:</h4> <table border="0"> <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>Телефон </th> <th>Телефон </th> </tr> <tr> <td>Калиткин</td> <td>202 55 55 </td> <td>456 77 84 </td> </tr> </table> <h4>Вертикальные заголовки:</h4> <table border="1"> <tr> <th>Фамилия:</th> <td>Калиткин</td> </tr> <tr> <th>Телефон :</th> <td>202 55 55</td> </tr> <tr> <th>Телефон:</th> <td>456 77 84</td> </tr> </table> </body> </html>
Пример выполнения данного HTML-кода
Пустые ячейки
<html>
<body>
<table border="1">
<tr>
<td>Некоторый текст </td>
<td>Некоторый текст </td>
</tr>
<tr>
<td></td>
<td>Некоторый текст </td>
</tr>
</table>
<p>
Как можно видеть, одна из ячеек не имеет рамки.
Это потому, что она пустая. Попробуйте вставить в ячейку пробел.
Она по-прежнему не будет иметь рамки.
</p>
<p>
Хитрость состоит в том, чтобы вставить в ячейку неразрывный пробел.
</p>
<p>Неразрывный пробел является символьным объектом.
</p>
<p>Объект неразрывного пробела начинается с амперсанда ("&"),
затем следуют буквы "nbsp", и в конце стоит точка с запятой (";")
</p>
<p>
</p>
</body>
</html>