- •Назначение языка html
- •Теги html
- •Атрибуты тегов
- •Комментарии
- •Структура документа html
- •Определение функциональных разделов документа
- •Гипертекстовые ссылки и якоря
- •Рисунки на Web-страницах
- •Управление стилем шрифта
- •Определение элементов фразы
- •Создание списков
- •Мультимедийные объекты в документе html
- •Создание таблиц
- •Размещение нескольких документов на одной Web-странице
- •Качество документов html
- •Закрепление пройденного
Рисунки на Web-страницах
Иллюстрации играют важнейшую роль в оформлении Web-страниц. Сами рисунки хранятся в отдельных файлах вне документа HTML, но отображаются броузером внутри Web-страницы.
1. Для размещения рисунков в документе служит одиночный тег <IMG>.
2. Этот тег всегда должен содержать обязательный атрибут SRC=, значение которого составляет адрес URL файла изображения, записанный в абсолютной или относительной форме. При загрузке документа рисунок также загружается и отображается в том месте документа, где расположен тег <IMG>.
3. Изображение переносится на Web-страницу с сохранением размера. Если при компоновке изображения необходимо его перемасштабировать, нужные размеры рисунка можно задать с помощью атрибутов WIDTH= (ширина) и HEIGHT= (высота). Значения этих атрибутов определяют ширину и высоту изображения на Web-странице в пикселах.
Используя иллюстрации в документах, мы ступаем на зыбкую почву. Во-первых, Web-страница может отображаться броузером, не имеющим средств для показа изображений. Во-вторых, пользователи часто отключают показ рисунков, чтобы ускорить прием документа. И в том и в другом случае желательно дать возможность узнать, что же изображено на картинке, если ее нельзя увидеть. Для этой цели используют альтернативный текст.
4. Альтернативный текст — это, по сути, более или менее подробное описание изображения. Если броузер не может по той или иной причине показать рисунок, он вместо него выводит этот альтернативный текст. Альтернативный текст задается в теге <IMG> значением специального атрибута ALT=.
Изображение, как и текст, можно использовать в качестве ссылки. Для этого тег <IMG> должен быть помещен между тегами <А> и </А>, определяющими ссылку. Изображение-ссылка отображается в синей рамке. При наведении на такой рисунок указатель принимает ту же форму, что и при наведении на текстовую ссылку. Этим приемом на Web-страницах создают графические кнопки перехода.
<IMG SRC=”clock.jpg”>
<IMG SRC=”clock.jpg” WIDTH=50 HEIGHT=150>
<IMG SRC=”clock.jpg” ALT=”Будильник, рассыпающийся на части”>
Управление стилем шрифта
Только начиная с версии HTML 4.0 появилась возможность полностью отделить оформление документа от его содержания, но эта концепция пока носит пробный характер и поддерживается не всеми броузерами. По этой причине язык HTML продолжает содержать теги, которые служат исключительно для оформления документа. Возможно, в будущих версиях HTML эти теги будут уже не нужны, но пока пользоваться ими можно.
1. Для задания размера, цвета и начертания шрифта служит тег <FONT>. Этот парный тег влияет на весь текст, заключенный между открывающим и закрывающим тегами. Тег <FONT> должен иметь хотя бы один из трех возможных атрибутов: SIZE=; COLOR=; FACE=.
2. Атрибут SIZE= задает размер шрифта. Предполагается, что возможны семь заранее заданных размеров шрифта (от 1 до 7). Эти значения не соответствуют каким-либо единицам измерения, но чем больше значение, тем крупнее шрифт. По умолчанию используется значение 3.
3. Атрибут COLOR= задает цвет шрифта, который может быть задан либо ключевым словом (например, RED — красный), либо шестнадцатеричным значением в системе RGB (например, #FFOOOO — это тоже красный).
4. Атрибут FACE= задает вид шрифта. Значением этого атрибута должно быть название одного из шрифтов, установленных на компьютере. Но для документа, размещенного в Интернете, нельзя предсказать, какие шрифты доступны на компьютере пользователя, поэтому этот атрибут лучше не использовать.
5. Специальная группа тегов служит для изменения начертания шрифта. Теги <В> и </В> делают текст, заключенный между ними, полужирным. Теги <I> и </I> задают курсивное начертание, <U> и </U> — подчеркивание.
<HTML>
<HEAD>
<ТIТLЕ>Управление стилем шрифта<TITLЕ>
</HEAD>
<BODY><BASEFONTSIZE=4 FACE="Arial">
Этот текст использует нестандартный стиль шрифта, заданный по умолчанию.
<P><FONT SIZE=-2 FACE="Times New Roman" COLOR="GREEN">
Этот текст мельче и использует другой шрифт и другой цвет.</FОNТ>
<Р><В>Полужирный шрифт</В> и <I>курсив</I> используют для выделения фрагментов текста.
<Р>Использование <U>подчеркивания</U> не рекомендуется, так как подчеркнутый текст легко перепутать со ссылкой. <Р>
<S>Вычеркивание текста </S> иногда применяют для разметки фрагментов, потерявших актуальность, но по каким-то причинам сохраняемых в документе.
</BODY>
</НТМL>