Переход внутри одного документа

Например

Для красного (red) - FF0000

Для зеленого (green) - 00FF00

Для синего (blue) - 0000FF

Для розового (pink) - FFC0CB

<body background =”fonl.jpg” text=”#FF0000”>

<body bgcolor =”#FFC0CB” text=”#FF0000”>

Использование графических элементов.

Атрибут src=имя файла.

Для включения графических изображений в документ используется тег <img>. Атрибут src используется для задания имени файла.

<img src=”piramida.gif”>

Для размешщения на странице картинки, которая находится на другом компьютере нужно указать URL адрес:

<img src=”www.homepage.ru/one/piramida.gif”>

Если графический файл находится на вашем компьюетре, но на другом его диске, необходимо указать полный путь к нему:

<img src=”d:/one/two/piramida.gif”>

По умолчанию картинка выравнивается по нижней границе абзаца.

Атрибут Align = этот атрибут позволяет определять положение иллюстрации по отношению к соседним элементам документа.

Можно использовать следующие значенияи атрибута:

Align=top – вертикальное выравнивание по верху

Align=middle – вертикальное выравнивание по центру.

Align=bottom – вертикальное выравнивание по нижнему краю.

Align=left – горизонтальное выравнивании по левому краю.

Align=right – горизонтальное выравнивании по правому краю.

<img align=top src=”piramida.gif”>

<P>ТЕКСТ

<img src=”sova.jpg” align=left width=141 height=114 alt=””>

ТЕКСТ

Alt=“текст надписи” – описание.

Если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись которая задана атрибутом alt

<img src=”monstr.jpg” alt=”Страшный зверь”>

Атрибут alt рекомендуется использовать всегда. Даже если картинка найдена браузером задание надписи не будет лишним: стоит пользователю остановить курсор на картинке, как надпись появится в окошке и сообщит дополнительную информацию.

Атрибуты width=n и height=n

Эти атрибуты задают ширину и высоту (в пикселях прямоугольника) в который выводится картинка

<img src=”zevs.gif” height=200 width=200>

Когда размеры прямоугольника не совпадают с размерами картинки, браузер производит масштабирование картинки, подгоняя ее под указанные величины. Если размеры указываются неверно то картинка выводится браузером с искажением

<img src=”zevs.gif” height=20% width=20%>

Атрибуты hspace и vspace позволяет задать размеры пустого пространства (по горизонтали и по вертикали), которое будет оставлено между изображением и другими элементами документа (поля)

<img src=”zevs.gif” hspace=”10” vspace=”20”>

Атрибут border=n

Атрибут позволяет задать рамку вокруг иллюстрации толщиной в n пикселей. При отсутствии атрибута или при значении n=0 рамка не рисуется.

Использование гиперссылок

Гиперссылки на странице html документа.

Гиперссылка – это фрагмент текста или рисунок, который является указателем на другой файл или объект. В частности на другую веб страницу или сайт. Гиперссылки нужны, чтобы обеспечить переход от одного веб документа к другому. Она выделяется в тексте спец. цветом и активизируется мышью. Для указания на ссылку используется команда

<a href=” ” >Название ссылки</a>

Ссылки на странице могут указывать:

I. На фрагменты документа

II. На другой текстовый файл

III. На графические объекты

IV. На ресурсы WWW

V. На адрес электронной почты

Задание цвета для всех ссылок на странице:

Цвета всех ссылок на странице задаются в качестве параметров тега body. Эти параметры являются не обязательными, если они не указаны, то используются значения по умолчанию.

Link – определяет цвет еще не посещенных (по умолчанию синий).

Alink - определяет цвет активной ссылки (в момент нажатия на ней кнопки мыши, по умолчанию красный).

Vlink - определяет цвет посещенной ссылки (по умолчанию фиолетовый).

Пример:

<body link=#FFCC00 vlink=#008000 alink=#800000 bgcolor=yellow>

</body>

Получаем активную ссылку малинового цвета, после посещения она изменит цвет на зеленый и все это на желтом фоне страницы.

Задание цвета для отдельных ссылок.

Иногда возникает необходимость использовать одновременно разные цвета ссылок. Например, светлый для темных областей веб – страницы, а темные – для светлых. Для этого используется тег <font>. Вся ссылка (вместе с тегами <а> </а> помещается в контейнер <font></font>).

<body link=#FFCC00 vlink=#008000 alink=#800000 bgcolor=yellow>

<font color=#000000><a href=content.html>Содержание сайта</a></font>

</body>

Здесь оранжевый цвет ссылки заданный в теге <body> заменяется на черный с помощью тега <font>.

Переход внутри одного документа.

Для задания гипертекстового перехода внутри одного документа используют две команды. Первая команда с атрибутом href является источником перехода. Вторая с атрибутом name – приемником.

<a href = # метка >текст </a> Задание перехода по метке. На экране выводится ссылка: текст

<a name = метка> </a> Метка. Сюда браузер приходит по ссылке. На экране ничего не отображается.

Якорь – некоторая точка веб – страницы (закладка), которой присвоено уникальное имя. Что бы отличать имя якоря от имен файлов, в нем используется символ «#»(диез). Имя якоря должно быть коротким и не содержать пробелов. В том случае когда имя содержит пробелы или ключевые символы html имя обязательно заключать в кавычки. Или например для документа с оглавлением.

Наши рекомендации