Переход внутри одного документа
Например
Для красного (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 имя обязательно заключать в кавычки. Или например для документа с оглавлением.