Сайт на HTML - HTML ссылки

Создаем собственный сайт своими руками в Блокноте

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

Темы в дополнение

Свой сайт бесплатно?

7 шагов, чтобы создать сайт

Создание сайтов в интернете на бесплатном хостинге

Шаг 3. HTML гиперссылки

Рассмотрим переход от одного документа к другому посредством гиперссылки.

Чтобы осуществить ссылку с одного документа на другой, нам нужны два файла: index.html, а другой давайте назовем file_2.html.

Переход в данном случае будет осуществляться от главной страницы к второстепенной и обратно.

Итак, создадим файл index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

          <title>Главная страница</title>

          </head>

          <body style="color:#000099">

          <h1 align="center">Предисловие</h1>

          <p>Наш мир стоит на пороге больших перемен. Изменения начались еще во второй половине XX века, когда <b>в развитых капиталистических странах</b> все больше людей стали привлекаться к офисной работе как продавцы, менеджеры, администраторы и так далее. Все идет к тому, что <ins>со временем производство переместится в страны с дешевой рабочей силой</ins>, а класс <i>«белых воротничков»</i> станет преобладающим в структуре государств с высоким экономическим показателем.</p>

          <p>С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку...</p>

          <p>Продолжение на <a href="file_2.html" title="Ссылка на другую страницу">другой странице</a>.</p>

          </body>

          </html>

Теги, атрибуты и их значения

Теги <a> </a> определяют гиперссылку.
Атрибут href="" определяет путь гиперссылки.
Атрибут title="" – всплывающая подсказка.

Вторая страница или file_2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

          <title>Второстепенная страница</title>

          </head>

          <body>

          <h1 align="center">Вторая страница</h1>

          <p>Микропроцессор в свое время совершил революцию, повлекшую за собой необратимые последствия. Изменения затронули все сферы общественной жизни и никого не обошли стороной. Человечество постепенно входит в новую эпоху – в эпоху информационного общества. Задумайтесь: Почему календарь племени Майя заканчивается в 2012 году? Возможно ихние пророки не могли себе представить, что технологии окажут такое влияние на способ времяпрепровождения людей, что компьютеры прочно войдут в наш быт и станут орудием труда, а новое поколение будет называться «экранным».</p>

          <p>Вернуться <a href="index.html" title="Ссылка на главную страницу">на главную</a></p>

          </body>

          </html>

Файлы сохраните в общей папке. Если папка уже содержит index.html – удалите его.

Pезультат

Источники материала: Структура HTML | HTML ссылки

Автор проекта - Вася Митин | Дата публикации: Апрель 2010 | Обновление: Ноябрь 2018

Шаг 2. HTML свойства текста HTML ссылки Шаг 4. HTML изображение