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

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>


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

Вторая страница или 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 | Обновление: Август 2014

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

    Сохранить в сервисы и закладки