- •Цветовая гамма в html.
- •Заголовки
- •Набор текста
- •Разделители
- •Верхние и нижние индексы
- •Шрифты различного начертания
- •Типы списков
- •Нумерованный список
- •Списки определений
- •Списки в списках
- •Объединение нескольких столбцов в одну ячейку
- •Включение списка в таблицу
- •Выравнивание текста в таблице
- •Цвета в таблице
- •Предварительное форматирование
- •Отображение изображения на странице
- •Оптимальные размеры изображений
- •Альтернативный текст
- •Выравнивание изображений
- •Задание размера изображения
- •Пиктограммы
- •Линии и полосы
- •Фон страниц
- •Создание ссылкина местные веб-страницы
- •Ссылки на любое место в www
- •Создание якоря
- •Ссылка на якорь
- •Компоновка ссылок в виде списков
- •Задание к лабораторной работе № 6:
Альтернативный текст
Некоторые пользователи всемирной сети специально отключают автоматическое отображение картинок для более быстрой загрузки веб-страниц. И чтобы ваши картинки не полностью потеряли свою информативность предусмотрена возможность отображения альтернативного текста, при не отображении изображений, а так же для отображения информативного текста при наведении указателя курсора на изображение, если оно отображается.
В описанных выше случаях полезно использовать ключевое слов ALT тэга <img>. ALT выводит заданный текст в той части экрана, где должно быть (или будет) изображение.
Задание альтернативного текста, описывающего изображения домашней страницы, считается правилом вежливости. Альтернативный текст является частью тэга <img>. Просто добавьте к тэгу ключевое слово ALT="..." и наберите текст в кавычках после знака "равно". Данный тэг с альтернативным текстом, к примеру с dc72.gif, выглядит так:
-= Моя коллекция бабочек =-
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски. |
Посмотрите, что мы добавили:
<center> <h3>-= Моя коллекция бабочек =-</h3> <img alt="Бабочка" src="dc72.gif"><br><br> </center> Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br> |
Выравнивание изображений
Для размещения изображения на странице используется параметр align тэга <img>
Опция |
Действие |
LEFT |
Выравнивает изображение по левому краю страницы, строки текста выводятся справа от изображения |
RIGHT |
Действует подобно LEFT, но выравнивает изображение по правому краю страницы |
TOP |
Выравнивает изображение по самому высокому элементу в строке. |
TEXTTOP |
Выравнивает изображение по самому высокому элементу в строке (обычно совпадает с top) |
MIDDLE |
Выравнивает нижнюю границу строки посередине изображения |
ABSMIDDLE |
Выравнивает середину строки посередине изображения (очень похожа на MIDDLE, но применяется для мелких изображений) |
BASELINE |
см. сл. |
BOTTOM |
Выравнивает нижнюю границу строки по нижней границе изображения |
<center> <img align="left" alt="Бабочка" src="http://ertu.wsdu.pl/~Sam/dlab/grcol/anim/dc72.gif"> <h3>-= Моя коллекция бабочек =-</h3> </center> Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br> |
Посмотрите, что получится:
-= Моя коллекция бабочек =- Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски. |