6. Сокращения

Часто встречается такая ситуация, когда при наведении курсора мыши на какое-то сокращение в тексте рядом с ним появляется пояснение или расшифровка (рис.4). Такого эффекта можно добиться, используя тег <ACRONYM> с параметром title. Внутрь тега <ACRONYM> …</ACRONYM> помещается текст, который подлежит пояснению или расшифровке, а параметру title присваивается само пояснение. Например:

Я учусь в <ACRONYM title="Иркутский государственный университет"> ИрГУПС</ACRONYM>

Рис.4. Текст с пояснением

7. Комментарии

HTML дает возможность использовать комментарии к написанным кодам. Текст, имеющийся внутри конструкции-комментария, игнорируется браузером, и может располагаться в любом месте страницы. Для написания комментария используется конструкция:

<!-- Комментарий -->.

Например:

<!-- Начало таблицы -->.

Вопросы для самоконтроля к главе 2

1. Для каких целей используется тег <HR>?

2. Какие параметры имеет тег <HR>?

3. В чем отличие параметров bgcolor и background тега <BODY>?

4. Как задаются вертикальные и горизонтальные отступы от края окна браузера?

5. В каких случаях необходимо указывать полный путь доступа к файлу с картинкой или рисунком фона, а в каких нет?

6. В каких случаях путь доступа к файлу заключается в кавычки?

7. В чем разница использования тегов <BODY> и <FONT> при использовании цвета шрифта?

8. С помощью какого тега на страницу вставляется бегущая строка?

9. Какие параметры можно задать для бегущей строки и как они записываются в HTML-коде?

10. Как создать пояснение к сокращениям, встречающимся на странице?

11. Для какой цели служат комментарии? Как они записываются?

Глава 3. Графика

1. Вставка графических изображений на страницу

Для того чтобы вставить на страницу картинку (фотографию), нужно сделать ссылку на ее местонахождение, чтобы браузер в нужный момент обратился к ней. Это делается с помощью непарного тега <IMG> (от англ. image – изображение) и параметра src (от англ. source – источник). Если файл с картинкой находится в той же папке, что и создаваемая страница, то в качестве значения параметра src достаточно указать имя этого файла, включая расширение. Например:

…

<H2 align=center>Это наш ботанический сад</H2>

<IMG src=natur134.jpg>

…

Результатом выполнения этого кода будет окно, представленное на рисунке 5.

Рис.5. Вставленное на страницу графическое изображение

Однако если создаваемая страница и картинка находятся в разных папках, а то и на разных компьютерах, в этом случае необходимо указывать полный путь доступа к файлу (см. п.2.2). Например:

<IMG src=”С:/Мои рисунки/natur134.jpg">

или

<IMG src=”http://www.flowers.ru/Picture/natur134.jpg">

При этом нужно придерживаться всех правил записи пути доступа к файлу, описанных в п.2.2.

2. Размеры изображения

Если вставленная картинка не отвечает нужным размерам, то их необходимо задать по вашему желанию. Для этого в теге <IMG> используют параметры width и height, определяющие ширину и высоту изображения соответственно. Значениями этих параметров могут быть размеры картинки в пикселях или в процентах. Например:

…

<H2 align=center>Это наш ботанический сад</H2>

<IMG src=natur134.jpg width=200 height=100>

…