Читайте также:
|
• Тщательно планируйте структуру страницы.
Прежде чем начинать писать HTML-код, представьте структуру вашей страницы на бумаге. Нарисуйте сначала все ячейки внешней таблицы, которая будет служить основой вашей страницы.
• Разбивайте структуру страницы на отдельные части.
Выделите внешнюю таблицу. При необходимости выделите отдельные таблицы внутри ячеек внешней таблицы. Нарисуйте структуру ячеек каждой таблицы, как внешней, так и внутренних.
• Чаще используйте комментарии в HTML коде.
Вставляйте комментарии везде, где считаете необходимым. Отмечайте комментариями начало и конец важных для редактирования ячеек и таблиц.
Пример создания сложной таблицы, содержащей ссылки (рис.1.13):
| Текст HTML-программы | Комментарий |
| <html><head> <title> Моя таблицы </title> </head> <body> </body> | |
| <table border=2 | |
| cellpadding=20> | Задание отступов (полей) сверху и с боков внутри ячеек (равное 20 пикселам) |
| <tr> | |
| <td | |
| rowspan=2> | Объединение ячеек по вертикали (в данном случае объединяются 2 ячейки) |
| <a href='home.html'> Моя домашняя страничка</a> | Создание текстовой ссылки |
| </td> | |
| <td> Мои фото </td> | |
| <td | |
| colspan=2> | Объединение ячеек по горизонтали (в данном случае объединяются 2 ячейки) |
| <a href='list.html'>Мои увлечения</a> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> Пишите мне </td> | |
| <td> Моя работа </td> | |
| <td> Мои друзья </td> | |
| </tr> | |
| </table> | |
| </html> |
Рис.1.13. Таблица со ссылками
Дата добавления: 2015-10-02; просмотров: 56 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Правила создания таблиц | | | Задание для самостоятельного выполнения |