www.popularsite.ru

RESTOR- От HTML до С++

Объявление

HTML

JavaScript

CSS

Flash MX
   

Содержание Курса(Введение в HTML)

     

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » RESTOR- От HTML до С++ » Основы работы с HTML » 3. Лекция: Гипертекстовые ссылки

3. Лекция: Гипертекстовые ссылки

Страница: 1 2  
Тема закрыта

Сообщений 1 страница 10 из 14

1

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Гипертекстовые ссылки необходимы для соединения с другими документами в Web. Для их записи используется тег <a>, который называют "якорь" (аnchor).

0

2

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Создание гиперссылок

Этот пример показывает, как создавать ссылки в документе HTML.

<html>
<body>

<p>
<a href="page1.htm">
Этот текст</a> является ссылкой на страницу на
этом Web-сайте.
</p>

<p>
<a  style="color:#666666;" href="/external/?popup=0&url=http%3A%2F%2Fwww.intuit.ru%2F" onMouseOver="menuSetHelpText('intuit');return false;" onMouseOut="menuClearHelpText()" title="ссылка на INTUIT.ru">
Этот текст </a> является ссылкой на страницу
во Всемирной Паутине.
</p>

</body>
</html>

0

3

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Изображение в качестве ссылки

Этот пример показывает, как использовать в качестве ссылки изображение.
<html>
<body>
<p>
Можно также использовать в качестве ссылки изображение:
<a href=" http://restor.rusff.me/">
<img border="0" src="logo.gif" width="285" height="52">
</a>
</p>

</body>
</html>

0

4

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Дополнительные примеры
Открытие ссылки в новом окне браузера

Этот пример показывает, как открыть ссылку на другую страницу в новом окне, чтобы посетителю не нужно было покидать ваш Web-сайт.

<html>
<body>

<a href="lastpage.htm" >Последняя страница</a>

<p>
Если задать атрибут target ссылки как "_blank",
то ссылка будет открыта в новом окне.
</p>

</body>
</html>

Пример выполнения кода

0

5

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Ссылка в определенное место на той же странице

Этот пример показывает, как использовать ссылку на другую часть документа.
<html>
<body>

<p>
<a href="#part5">Переход на часть 5.</a>
</p>

<h1>Лекция 1</h1>

<h2>Часть 1</h2>
<p>Это первая часть ... </p>

<h2> Часть 2</h2>
<p>Это вторая часть ...</p>

<h2> Часть 3</h2>
<p>Это третья часть ...</p>

<h2> Часть 4</h2>
<p>Это четвертая часть ...</p>

<h2><a name="part5"> Часть 5</h2>
<p>Это пятая часть ...</p>

<h2> Часть 6</h2>
<p>Это шестая часть ...</p>

<h2> Часть 7</h2>
<p>Это седьмая часть ...</p>

<h2> Часть 8</h2>
<p>Это восьмая часть ...</p>

<h2> Часть 9</h2>
<p>Это девятая часть ...</p>

<h2> Часть 10</h2>
<p>Это десятая часть ...</p>

</body>
</html>

Пример выполнения кода

0

6

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Создание ссылки mailto

Этот пример показывает, как соединиться с сообщением mail (будет работать только, если установлена служба mail).
<html>
<body>

<p>
Это ссылка на почтовые адреса:
<a href="mailto:help@mal.ru?сс=orders@mal.ru&bcc=admin@mal.ru&subject=Тестовый%20запрос!">
отправить запрос</a>
</p>

<p>При помощи этой ссылки отправляется письмо по адресу электронной почты
help@mal.ru, его копия на адрес orders@mal.ru и скрытая копия на адрес
admin@mal.ru. Для корректной обработки заголовка письма необходимо пробелы
заменять на %20.</p>

</body>
</html>

0

7

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Фреймы HTML

Фреймы используются для разбивки окна браузера на несколько независимых частей, каждая из которых представляет собой отдельный HTML-документ. Наиболее частое применение фреймов это отделение меню от основного информационного наполнения. Хотя фреймы достаточно удобная вещь использование их не рекомендуется. Следует внимательно следить за тем чтоб теги формирующие фреймовую структуру располагались вне тегов <body>, так как они не относятся к телу документа.

0

8

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Набор вертикальных фреймов

Этот пример показывает, как создать набор вертикальных фреймов с тремя различными документами.
<html>

<frameset cols="50%,25%,25%">

<frame src="frame_1.htm">
<frame src="frame_2.htm">
<frame src="frame_3.htm">

</frameset>

</html>

Пример

0

9

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Набор горизонтальных фреймов

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

<html>

<frameset rows="25%,50%,25%">

<frame src="frame_1.htm">
<frame src="frame_2.htm">
<frame src="frame_3.htm">

</frameset>

</html>

0

10

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Теги для работы с фреймами

Тег <frameset> определяет, как разделить окно на фреймы. Каждый frameset определяет набор строк или столбцов. Значения rows/cols указывают величину области экрана, которую будут занимать каждая строка/столбец. Атрибут framespacing - определяет расстояние между фреймами в пикселах.

Тег <frameset> является контейнером для всех остальных тегов фреймов. Между начальным и конечным тэгами кроме элементов <frame> и <noframe> могут находиться другие элементы <frameset>. То есть элемент <frameset> поддерживает вложенные конструкции фреймов.

Тег <frame> определяет, какой документ HTML поместить в каждый фрейм. Тег <frame> имеет атрибут noresize="noresize", который запрещает изменять размер фрейма пользователю.

В примере ниже задана фреймовая структура с двумя столбцами. Для первого столбца задано 25% ширины окна браузера. Для второго фрейма задано 75% ширины окна браузера. В первый столбец помещается документ HTML "frame_1.htm", а во второй столбец помещается документ HTML "frame_2.htm":
<frameset cols="25%,75%">
   <frame src="frame_1.htm">
   <frame src="frame_2.htm">
</frameset>

Необходимо учитывать, что браузер может не поддерживать фреймы, в этом случае следует использовать тег <noframes>.

При использовании фреймов теги <body></body> не используются. Однако, если добавить тег <noframes>, содержащий некоторый текст для браузеров, которые не поддерживают фреймы, необходимо будет поместить этот текст между тегами <body></body>. Например,
<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_1.htm">
  <frame src="frame_2.htm">
  <frame src="frame_3.htm">

<noframes>
<body>Ваш браузер не поддерживает фреймы!</body>
</noframes>

</frameset>
</html>

0

Тема закрыта
Страница: 1 2  

Вы здесь » RESTOR- От HTML до С++ » Основы работы с HTML » 3. Лекция: Гипертекстовые ссылки

Рейтинг форумов | Создать форум бесплатно