Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 24525 / 10763 | Оценка: 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>