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

Текстовые и графические ссылки

Простейшая HTML-страничка | Основные элементы HTML | Использование специальных символов | Форматирование текста | Ненумерованный список | Нумерованный список | Маркированный список | Иерархический список | Списки определений | Задание для самостоятельного выполнения |


Читайте также:
  1. ALINK -устанавливает цвет активной ссылки.
  2. БИОГРАФИЧЕСКИЕ ДАННЫЕ Д-РА Н. А. КОЗЫРЕВА
  3. Внешние гиперссылки
  4. Внутренние ссылки
  5. Гиперссылки
  6. Гиперссылки
  7. Гиперссылки в пределах сайта

Главное отличие гипертекста от обычного текста – наличие в первом «чувствительных» областей, щелчки на которых позволяют переходить от текущего документа к другим документам. Переходы «заложены» в чувствительные области, которые называются гиперссылками или просто ссылками.

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

<A> </A> - тег используемый для вставки ссылок на другие страницы. Данный тег имеет атрибут href, значением которого является адресная часть ссылки.

Существуют следующие виды ссылок: текстовые, графические и комбинированные.

Формат текстовой ссылки:

<a href=”адрес_ссылки”> текст_ссылки </a>

Формат графической ссылки:

<a href=”адрес_ссылки”> <img src=”адрес_графического_файла”> </a>

Формат комбинированной ссылки:

<a href=”мой_документ.html”> <img src=”ris.gif”> Щелкните здесь </a >

Пример создания различных ссылок (рис.1.9):

Текст HTML-программы Комментарий
<html>  
<head> <title> Моя домашняя страничка </title> </head>  
<body bgcolor=white text= red> <center> <h1>Моя домашняя страничка</h1> </center>  
<a Начало ссылки
href='list.html'> Адрес ссылки
<img src= foto.jpeg Вставка графического изображения, которое является ссылкой
border=1 Задание рамки вокруг изображения равной 1 пикселу
align=left Обтекание изображения текстом справа
hspace=10> Расстояние левого и правого поля вокруг изображения равное 10 пикселам
</a> Конец ссылки
<b>Здравствуйте.</b><br> Приветствую Вас на своей домашней страничке.<br><br>  
Немного  
<a Начало ссылки
href='list.html'> Адрес ссылки
о себе: Текст ссылки
</a> Конец ссылки
<br> Студент Тюменского государственного университета  
<i> <pre> Обучаюсь в институте математики и компьютерных наук получаю дополнительную специальность в области Web-дизайна и Компьютерной графики </pre> </i>  
</body>  
</html>  

Рис.1.9. Web-страница со ссылками


Дата добавления: 2015-10-02; просмотров: 65 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Вставка изображений| Графические карты ссылок

mybiblioteka.su - 2015-2024 год. (0.006 сек.)