Теги HTML - castle.pri.ee

advertisement
Теги HTML
Графические объекты
Тег <IMG>
Тег IMG служит для внедрения графики на страницы. На данный момент поддерживаются
форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок
(GIF). Чтобы картинка была одновременно и ссылкой, то поместите тег IMG между <a
href=...><img src="any.gif"></a>
Атрибуты
src
Обязательный атрибут, указывающий URL рисунка
align
Выравнивает изображение к одной из сторон документа
left
Выравнивание по левому краю
right
Выравнивание по правому краю
center Выравнивание по центру
bottom Выравнивание по нижнему краю
top
Выравнивание по верхнему краю
middle Выравнивание по середине
alt
Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
border
Устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не
используется. При использовании изображения в качестве гиперссылки рекомендуется
установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг
изображения
GALLERYIMG =
Поддержка Панели управления изображениями. Данная панель появляется при
нахождении указателя мыши на изображении и позволяет быстро сохранить картинку,
распечатать, послать на e-mail, открыть папку Мои рисунки. По умолчанию данная
панель появляется только при размерах более 130 пикселах. Но можно включить эту
панель с помощью этого атрибута. Может принимать значениея yes (или true) и no (или
false). Смотри также META
ismap
Сообщает, что изображение является картой-изображением на сервере
height
Высота картинки в пикселах или процентах. Всегда желательно явно устанавливать
этот параметр для ускорения загрузки страницы браузером
hspace
Определяет размер свободного места в пикселах слева и справа от изображения,
улучшает внешний вид страницы, отделяя изображение от текста
usemap
Сообщает, что изображение является картой-изображением на стороне клиента
vspace
Определяет размер свободного места в пикселах сверху и снизу от изображения,
улучшает внешний вид страницы, отделяя изображение от текста
width
Ширина картинки в пикселах или процентах. Всегда желательно явно устанавливать
этот параметр для ускорения загрузки страницы браузером
Тег <HR>
Тег <HR>. Закрывающий тег не требуется
Тег <HR> добавляет в HTML документ горизонтальную линию. Перед и после
линии помещается пустая строка
Атрибуты
size
Устанавливает высоту(толщину) линии
width
Устанавливает ширину линии в пикселах или процентах
noshade
Создает линию без тени
color
Задает линии определенный цвет
Пример
Это обычная линия <hr>
Это линия потолще и красная <hr size=3 color=red>
Создание гиперссылок
Тег <A>
Тег <A> служит для создания гипертекста (ссылок). Гипертекст позволяет осуществлять
мгновенный переход от одного фрагмента текста к другому. Сам гипертекст поддается
форматированию. Закрывающий тег обязателен. Тег должен содержать либо атрибут name,
либо href
Атрибуты
contentEditable
Возможность редактирования
innerText
Текст между начальным и закрывающим тегом
name
Задает имя элемента. Имя используется, например, для создания ссылок между
фреймами
<a name="NAME"></a>
<a href="#NAME"></a>
Отмечает часть текста как цель для гипперссылок в документе.
Создает гиперссылку на часть текущего документа
href
Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке.
Атрибут может указывать как на внешний документ, так и на элемент внутри данного
документа.
Для создания гиперссылки вызова почтовой программы для написания письма
используется <a href="mailto:your@email">. Причем многие почтовые программы
позволяют заполнить многие поля (все поля опционны, вы можете заполнять только те
что нужны):
Параметры соединяются символом &, для пробелов используйте %20, для перевода на
новую строку в сообщении - %0d%0a
mailto:terminator@mail.ru?subject=HTML%20в%20примерх&Body=Отличный%20справо
чник%20Так%20держать!&CC=billgates@microsoft.com&BCC="gooddy@rambler.ru
(subject - тема письма, Body - содержание письма, CC - копия на другой адрес)
target
Строка, определяющая или получающая одно из следующих значений
name
Имя ссылки или фрейма
_blank
Загружает ссылку в новое окно
_parent Загружает ссылку в родительском окне
_search
Загружает ссылку в панель поиска браузера. Доступно в Internet Explorer 5 и
выше
_self
По умолчанию. Загружает ссылку в это же окно, где был произведен клик по
ссылке
_top
Загружает ссылку в topmost окно
title
Всплывающая подсказка
Пример
Это обычный текст
А это уже гиперссылка на мой сайт
Пишите письма - пример для вызова почтовой программы
Код для примера
<a href="http://depositfiles.od.ua/" title="подсказка">А это уже
гиперссылка на мой сайт</a>
Теги форматирования
Тег <DIV>
Элемент DIV определяет контейнер для HTML. Данный элемент предназначен для
использования в CSS. Закрывающий тег: требуется. Весьма схож с элементом SPAN, но при
этом браузеры обычно помещают символ перевода строки перед и после этого элемента
(Смотри пример)
Атрибуты
align
Выравнивает элемент к одной из сторон документа или таблицы (left, right, center,
justify)
contentEditable
Возможность редактирования
innerText
Текст между начальным и закрывающим тегом
title
Всплывающая подсказка
UNSELECTABLE
Запрещает или разрешает выделять текст в данном элементе (on - запрещает, off разрешает)
Download