- •Создание html-документов.
- •Заполнение фона.
- •Заголовок документа.
- •Присвоение имени документу.
- •Настрока заголовка.
- •Другие элементы заголовка.
- •Комментарии в html-документах.
- •Элемент address.
- •Использование цветов в документе.
- •Определение цветов.
- •Атрибуты для определения цветов в документе.
- •Создание шаблона документа.
- •Разбиение текста на абзацы.
- •Разрыв строк.
- •Структурирование текста.
- •Добавление заголовков.
- •Добавление горизонтальных линий.
- •Предварительное форматирование текста.
- •Советы по макетированию страниц.
- •Специализированный шаблон.
- •Форматирование символов.
- •Логическое форатирование.
- •Элементы физического форматирования.
- •Шрифты.
- •Атрибут size.
- •Атрибут color
- •Советы по форматированию текста.
- •Зачем нужна графика.
- •Основные принципы.
- •Что нужно знать при использовании графический изображений.
- •Авторские права.
- •Могут ли возникнуть проблемы из-за порнографических изображений?
- •Выбор формата графического файла.
- •Потеря информации.
- •Поддержка броузерами.
- •Добавление изображений в документ.
- •Выравнивание текста с изображением в строке.
- •Расположение текста на web-странице.
- •Указание браузеру размеров изображения.
- •Уменьшение размеров изображения.
- •Увеличение размеров изображения.
- •Создание альтернативного текста.
- •Рамка вокруг изображения.
- •Свободное пространство вокруг изображения.
- •Использование изображения в качестве ссылки.
Увеличение размеров изображения.
Увеличение изображения осуществляется, когда исходное изображение меньше отведенного для него с помощью атрибутов height и width пространства. В таком случае броузер увеличивает изображение, подгоняя его под зарезервированное для него пространство.
Как и при уменьшении изображения, необходимо соблюдать пропорции. Однако в отличии от уменьшения изображения, при увеличении вам нужно также позаботиться о растеризации. При увеличении изображения броузер увеличивает каждый пиксель. Результат иногда получается очень некрасивым.
Создание альтернативного текста.
Итак, вы встроили несколько изображений в документ HTML. А как насчет тех пользователей, которые не могут просматривать изображения? Вы можете предусмотреть для них альтернативный текст, который будет сообщать им об изображении. Это можно сделать с помощью атрибута alt дескриптора <img>:
<IMG SRC="имя файла" ALT="Описание">
Если броузер не отображает графику, то в том месте, где должно быть изображение, пользователь увидит альтернативный текст. Если же броузер отображает графику, то пользователь будет видеть альтернативный текст в процессе загрузки изображения. Однако лучше скомбинировать альтернативный текст с указанием размеров изображения. В таком случае пользователь увидит рамку, соответствующую размерам изображения, а внутри рамки — альтернативный текст.
Рамка вокруг изображения.
По умолчанию броузер пользователя окружает рамкой все изображения, которые используются в качестве привязки. Вы можете управлять этой рамкой и свободным пространством вокруг изображений.
Атрибуту border дескриптора <IMG> присваивается значение ширины рамки в пикселях. Если вы хотите, чтобы ширина рамки составляла 10 пикселей, присвойте этому атрибуту значение 10. Ниже показан документ HTML с тремя изображениями, которые имеют рамки различной ширины.
Свободное пространство вокруг изображения.
Возможно, вам не нравится, что текст расположен слишком близко к изображению. В таком случае используйте атрибуты vspace и hspace, которые расширяют свободное пространство округ изображения по вертикали и по горизонтали, соответственно. Каждому из этих атрибутов присваивается значение в пикселях, которое вы хотите использовать для увеличения свободного пространства между рисунком и окружающим текстом. Ниже показан пример расширения свободного пространства вокруг изображения, чтобы отделить его от текста. Здесь показан полученный результат.
Использование изображения в качестве ссылки.
Изображение заключается в дескриптор <А>, как показано ниже:
<A HREF="адрес сайта, куда указывает ссылка"><IMG SRC="путь к вашему файлу"></A>