Лекции.Орг


Поиск:




Категории:

Астрономия
Биология
География
Другие языки
Интернет
Информатика
История
Культура
Литература
Логика
Математика
Медицина
Механика
Охрана труда
Педагогика
Политика
Право
Психология
Религия
Риторика
Социология
Спорт
Строительство
Технология
Транспорт
Физика
Философия
Финансы
Химия
Экология
Экономика
Электроника

 

 

 

 


Создание обычной гиперссылки.




В Интернете размещены миллионы электронных документов, часто похожих по тематике и ориентированных на одну и ту же пользовательскую аудиторию. Переход на другие документы казался бы делом трудным и утомительным, если бы не возможность связывания одного HTML-документа с другим с помощью гипертекстовых ссылок.

По сути, любая гипертекстовая ссылка-это указатель адреса в глобальной сети, по которому можно моментально перейти из окна браузера. Успешный переход по ссылке возможен в двух случаях: если ресурс, на который ссылается документ, существует и если структура гиперссылки верна с точки зрения HTML.

Структура гиперссылок

Любая гиперссылка состоит из двух важных частей: указателя ссылки и адреса ресурса, на который необходимо осуществить переход. Внешнее отличить гиперссылку от обычного текста очень просто: при наведении курсора мыши на ссылку указатель принимает вид руки с указательным пальцем, как бы показывающим, что этот текст содержит гиперссылку. Сама ссылка подчеркивается (если указателем является текст).

В качестве ссылки может выступать текст (отдельное слово, фразы и даже целые страницы текста) и графические изображения. В ряде случаев возможно объединение графики и текста в рамках единого указателя ссылки. Указатель ссылки описывается тэгом <A>, а адрес перехода реализуется с помощью параметра HREF значением которого является путь к тому или иному Интернет-ресурсу (закрывающий тэг </A> является обязательным). Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:

<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>

Параметры элемента <A> представлены в таблице:

Атрибут Функция
HREF URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютным, то есть указывается полный адрес странички (например, http://lenininc.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html).
TARGET Определяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). blank - загружает гиперссылку в новом окне браузера. self – загружает содержимое страницы в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать). parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов.
TITLE Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный.

 

Графический файл в роли ссылки.

Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.gif, *.jpg.). Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка):

<A HREF="URL" target="Окно">
<img border="0" src="Рисунок" width="Ширина" height="Высота" TITLE="Подсказка”></A>

Ссылки и цвет.

Для того, чтобы при наведении на ссылку курсором и при клике на нее она меняла свой цвет, в тэг <BODY> нужно добавить еще несколько параметров.

Атрибут Функция
TEXT Цвет текста.
VLІNK Цвет гипертекстовой связи, уже посещенной прошлом. У программы просмотра есть такое свойство-она помечает другим цветом те ссылки, которые уже просмотрены. Однако с помощью вы можете принудительно поставить свой цвет.
LІNK Цвет гипертекстовой связи.
ALІNK Цвет активной ссылки, когда подводиться к ней курсор.

 

<BODY text="black" link="blue" vlink="purple" alink="red">

Данные атрибуты определяют свойства для всего документа. Поместив такой код в HTML страницу, уже не надо будет назначать каждый раз цвет шрифту, т.к везде он будет таким, каким определен в тэге <BODY>.

Горизонтальные линии.

Тэг HR (Horisontal Rule) вставляет в текст горизонтальную разделительную линию. Может иметь следующие атрибуты:

Атрибут Функция
WIDTH Определяет длину линии в пикселях или процентах от ширины окна Обозревателя.
SIZE Определяет толщину линии в пикселях.
ALIGN Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения: left - выравнивание по левому краю документа. right - выравнивание по правому краю документа. center - выравнивание по центру документа (используется по умолчанию).
NOSHADE Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
COLOR Определяет цвет линии. Работает только в Internet Explorer.

Примеры линий:

<HR>

<HR WIDTH="50%" ALIGN="left" SIZE="0">

<HR WIDTH="80%" SIZE="3">

<HR NOSHADE WIDTH="80%" SIZE="20">

<HR NOSHADE WIDTH="80%" COLOR="Blue" SIZE="8">

Вместо линии можно реализовать и квадрат:

<HR NOSHADE ALIGN="left" WIDTH="18" COLOR="Red" SIZE="18">

Расположить несколько квадратов в одну строку, к сожалению, нельзя.

Бегущая строка

Очень интересное графическое решение, которое может украсить вашу страничку,-это бегущая строка. Но перед тем как использовать ее, тщательно продумайте текст и место бегущей строки. Тэгом, создающим бегущую строку, является главной и единственный тэг <MARQUEE> … </MARQUEE>

На место (…) подставляется любое слово или фраза, которую надо заставить бежать по экрану компьютера. Направление движения бегущей строки можно менять. Для этого применяется специальный атрибут направления. В том случае, если бегущую строку нужно направить справа налево, тэг принимает вид <MARQUEE DIRECTION= “left”> текст </MARQUEE>.

Тэг сохранит движение слева направо, если использовать значение right: <MARQUEE DIRECTION= “right”> текст </MARQUEE>.

Чтобы задавать характер движения надписи по странице, применяется другая группа атрибутов.

Атрибут Функция
SCROLL Стандартное движение от правого края к левому. Этот атрибут организует бесконечный цикл. Число циклов можно ограничить, введя оператор LOOP,: <MARQUEE LOOP= “n” BEHAVIOR= “scroll”> текст </MARQUEE>. Значение n оператора LOOP указывает число повторений цикла.
SLIDE Надпись один раз пробегает от правого края к левому и там остается. <MARQUEE BEHAVIOR= “slide”> текст </MARQUEE>.
ALTERNATE Движение от правого края страницы к левому и обратно. Бесконечный цикл. <MARQUEE BEHAVIOR= “alternate”> текст </MARQUEE>.

Фильтры.





Поделиться с друзьями:


Дата добавления: 2016-12-06; Мы поможем в написании ваших работ!; просмотров: 508 | Нарушение авторских прав


Поиск на сайте:

Лучшие изречения:

Лаской почти всегда добьешься больше, чем грубой силой. © Неизвестно
==> читать все изречения...

2419 - | 2290 -


© 2015-2025 lektsii.org - Контакты - Последнее добавление

Ген: 0.011 с.