|
Читайте также: |
Главное отличие гипертекста от обычного текста – наличие в первом «чувствительных» областей, щелчки на которых позволяют переходить от текущего документа к другим документам. Переходы «заложены» в чувствительные области, которые называются гиперссылками или просто ссылками.
Ссылки могут быть текстовыми и графическими в зависимости от того, что является указателем ссылки. Текстовые ссылки представляют собой выделенное слово или целую фразу. Выделение ссылки производится цветом или подчеркиванием, в зависимости от настройки браузера. В графических ссылках роль чувствительного к щелчку элемента играет роль изображение. Можно также создать комбинированные ссылки, указателями в которых являются и изображение, и текст.
<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 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Вставка изображений | | | Графические карты ссылок |