3. Добавление объектов
Таблица 3.1. Добавление
объектов на страницу:
|
Элемент
|
Назначение
|
|
<img>
|
Вставка
изображения на страницу
Атрибуты:
|
Атрибут
|
Назначение
|
|
src="адрес"
|
указывает URL-адрес,
по которому находится файл
изображения. Может быть как
относительным, так и абсолютным
|
|
alt="значение"
|
Содержит текст,
который выводится на экран браузера
при невозможности вывести изображение
|
|
align="значение"
|
Определяет поряддок вывода текста
относительно боковых сторон
изображения:
"top" - текст располагается
рядом с верхней границей изображения;
"middle" - текст располагается
рядом с серединой изображения;
"bottom" - текст располагается
рядом с нижней границей изображения
(по умолчанию)
Еще два параметра,
делающие изображения "плавающими",
при этом текст обтекает изображение:
"right" - помещает изображение
к правой границе WEB-страницы;
"left" -
помещает изображение к левой границе
WEB-страницы
|
|
width="значение"
|
Ширина рисунка
(резервируется место под изображение,
создавая рамку)
|
|
height="значение"
|
Высота рисунка
(резервируется место под изображение,
создавая рамку)
|
|
|
<a> ... </a>
|
Вставка гиперссылки на страницу.
Между начальным и закрывающим тегами
должен находиться текст или картинка,
которые отображают гиперссылку на
экране браузера
Атрибуты:
|
Атрибут
|
Назначение
|
|
href="адрес"
|
указывает URL-адрес,
по которому находится документ,
который должна открывать ссылка.
Может быть как относительным, так
и абсолютным
|
|
title="значение"
|
Содержит поясняющий
текст, который выводится на экран
браузера при наведении курсора
мыши на гиперссылку
|
|
name="значение"
|
Устанавливает
закладку на странице, используемую
для переходов внутри страницы
|
|
target="_blank"
|
Позволяет
автоматически открывать гиперссылку
в новом окне
|
|
Пример:
<a href="Адрес" title="Заголовок"
target="_blank">Текст ссылки или
картнка</a> |
|
Таблица 3.2. Добавление
таблиц на страницу:
|
Элемент
|
Назначение
|
|
<table> ... </table>
|
Вставка
таблицы на страницу
Атрибуты:
|
Атрибут
|
Назначение
|
|
bgcolor="значение"
|
Фоновый цвет
таблицы. Значение - WEB-название цвета
или его шестнадцатиричный код
*
- может применяться с элементами
<td> и <tr>
|
|
width="значение"
|
ширина таблицы.
Задается либо в пикселях (абсолютный
размер), либо в процентах от ширины
страницы (относительный размер)
*
- может применяться с элементом
<td>
|
|
align="значение"
|
Определяет порядок вывода таблицы
относительно границ WEB-страницы:
"left" - таблица располагается
слева у границы страницы, обтекается
текстом;
"right" - таблица располагается
справа у границы страницы, обтекается
текстом;
"center" -
таблица расположена по центру
страницы.
|
|
cellpadding="значение"
|
определяет
расстояние между границами ячеек
и их содержимым (в пикселах)
|
|
cellspacing="значение"
|
задает расстояние
в пикселах между ячейками таблицы
|
|
border="значение"
|
задает ширину
внутренних и внешних границ таблицы
в пикселах
|
|
|
<tr> ... </tr>
|
Определяет строку таблицы
Атрибуты:
|
Атрибут
|
Назначение
|
|
align="значение"
|
Определяет порядок вывода данных
в ячейках:
"left" - с выравниванием по
левому краю ячеек;
"right" - с выравниванием по
правому краю ячеек;
"center" - с
выравниванием по центру ячеек
*
может использоваться с элементом
<td>
|
|
valign="значение"
|
Определяет порядок вывода данных
в ячейках:
"top" - вверху ячеек;
"bottom" - внизу ячеек
"center" - по
центру ячеек
* может использоваться
с элементом <td>
|
* См. атрибуты элемента <table>
|
|
<td> ... </td>
|
Определяет ячейки таблицы
Атрибуты:
|
Атрибут
|
Назначение
|
|
colspan="значение"
|
задает количество
ячеек для объединения в строке
таблицы
|
|
rowspan="значение"
|
задает количество
ячеек для объединения в столбце
таблицы
|
|
|
|
* См. атрибуты элемента <tr> и <table>
|
|
<caption> ... </caption>
|
Вставка описания таблицы
Атрибуты:
|
Атрибут
|
Назначение
|
|
align="значение"
|
определяет
размещение названия таблицы:
"top" - над таблицей;
"bottom" - под
таблицей.
|
|
|
|
|
