- •Добавление фона в документ html
- •Обтекание графики текстом в документе html
- •Создание таблицы документа html
- •Обрамление таблицы документа html
- •Заголовок таблицы документа html
- •Группирование столбцов документа html
- •Группирование строк документа html
- •Задание цвета элементов таблицы html страницы
- •Графический фон таблицы html страницы
- •Выравнивание данных в таблице html страницы
- •Изменение размеров таблицы html страницы
- •Слияние ячеек таблицы html-страницы
- •Улучшение внешнего вида таблицы html-страницы
- •Отображение границ таблицы html-страницы
- •Вложенные таблицы html-страницы
- •Обтекание таблицы текстом
- •Гиперссылки html-страницы Гиперссылка на другую html страницу
- •Гиперссылка в пределах html страницы
- •Почтовая гиперссылка
- •Открытие html страниц в новом окне
Отображение границ таблицы html-страницы
Если значение атрибута BORDER тэга <TABLE> отлично от нуля, то браузер заключает таблицу в рамку и разграничивает соседние строки и столбцы таблицы. При помощи атрибутов FRAME, RULES можно указать какие именно части обрамлений таблицы следует показывать.
Атрибут FRAME служит для определения фрагментов внешнего очертания таблицы.
Атрибут RULES - указывает набор внутренних разделительных линий.
Ниже приведены допустимые значения этих атрибутов.
FRAME
Значение Результат
void Все линии отсутствуют
above Линия над таблицей
below Линия под таблицей
rhs Линия справа от таблицы
lhs Линия слева от таблицы
hsides Линии над и под таблицей
vsides Линии слева и справа от таблицы
border Все линии присутствуют (по умолчанию)
RULES
none Все линии отсутствуют
cols Линии между столбцами
rows Линии между строками
groups Линии между группами столбцов и строк
all Все линии присутствуют (по умолчанию)
Пример:
HTML-код:
<table border="1" rules="rows"> <tr> <td>111</td> <td>111</td> <td>111</td> </tr> <tr> <td>111</td> <td>111</td> <td>111</td> </tr> </table> |
Отображение в браузере:
|
Вложенные таблицы html-страницы
Вложение таблиц одну в другую - очень распространенный прием оформления внешнего вида Вэб-страницы. Прежде всего надо построить главную таблицу, а затем в ее ячейках разместить дочерние таблицы. Определяя таблицы, надо не забывать включать в их описание все закрывающие тэги, содержащие символ косой черты, т.к. пропуск всего одного такого дескриптора исказит таблицу кардинальным образом.
Не следует, также, злоупотреблять вложением, т.к. в этом случае существенно замедляется загрузка страницы браузером.
Форматирование вложенных таблиц осуществляется по общим правилам, что, собственно и делает страницу привлекательной.
Пример:
HTML-код:
<table border="1"> <tr> <td>111</td> <td>111</td> <td> <table border="1" bgcolor="#00ff00"> <tr> <td>01</td> <td>01</td> </tr> <tr> <td>01</td> <td>01</td> </tr> </table> </td> </tr> <tr> <td>111</td> <td>111</td> <td>111</td> </tr> </table> |
Отображение в браузере:
|
Обтекание таблицы текстом
Атрибут ALIGN, используемый для задания признака обтекания таблиц текстом, может принимать два значения - left, right. Первое - заставляет браузер поместить таблицу слева от текста, второе - справа.
Если необходимо, чтобы форматированию подвергся определенный фрагмент текста, надо применить тэг <BR> с атрибутом CLEAR, указывающими позицию в тексте, начиная с которой обтекание отменяется. Значения left, right, all атрибута CLEAR позволяет определить, с какой стороны текст далее будет свободен от таблицы.
Пример:
HTML-код:
<table border="1" align="left"> <tr> <td>11</td> <td>11</td> </tr> <tr> <td>11</td> <td>11</td> </tr> </table> <p>Текст обтекает таблицу</p> <br clear="left"> <p>Текст не обтекает таблицу</p> |
Отображение в браузере:
Текст обтекает таблицу
Текст не обтекает таблицу |