Большинство сайтов в Интернете состоит из нескольких десятков ,а то и сотен страниц. Чтобы связать их в единое целое применяются ссылки на ту или иную страницу. Ссылки создаются через открывающий тег <a> и закрывающий </a>.
Также в этот тег надо вписать адрес документа на которую делается ссылка gref.
Допустим у вас на сайте есть страница под названием foto.html.Пишем ссылку <a gref="foto.html">текст</a>.В слове текст вы должны написать то слово по которой произойдет ссылка. Эта ссылка будет работать если страница находиться в одной папке с сайтом, а если в другой папке на вашем компьютере то она выглядит так
<a href="../foto.html">текст</a>
Если она находиться на другом сервере,то вы должны прописать полный путь к ней например
<a gref="http://sabangi.land.ru/index.html">текст</a> .
В случае если вы хотите открыть определенный файл на сайте,то вместо index.html пишете имя файла <a gref="http://sabangi.land.ru/имя файла">текст </a>
Если вы хотите открыть в новом окне то-
<a gref="http://sabangi.land.ru/index.html"target="_blank">
Так же вы можете сделать ссылкой картинку указав ее имя. <a href="foto.jpg">текст</a>
Иногда при большом объеме страницы,когда длинная полоса прокрутки,бывает необходимо указать на тот или иной фрагмент страницы или как чаще бывает сразу подняться в начало.Это делается с помощью якорей.
<a name="имя якоря"></a>
В имя якоря надо написать первое слово фрагмента куда вы хотите перейти.Текст между <a> и
</a> писать не надо.
Та ссылка откуда вы хотите перейти к фрагменту выглядит так
<a href="#фрагмент">Имя ссылки</a>
Что бы было понятней сделаем ссылку на якорь в начало этой страницы. Первое слово страницы "Создание ссылок в HTML", перед началом слова "Создание ссылок в HTML" ставим якорь <a name="Создание ссылок в HTML"></a>
а здесь пишем ссылку на якорь
<a href="#Создание ссылок в HTML">Перейти наверх</a>
Если надо указать текст который будет выводиться для подсказки к ссылке,то пишем параметр title <a gref="?" title="подсказка">текст</a>
Ссылки выделяются цветом и подчеркиваются.Можно сделать ссылку без подчеркивания введя в страницу в тег <head> код css:
<style type="text/css">
A { text-decoration: none;
} A:hover { text-decoration: underline;
color: red; } </style>
В HTML можно изменить цвет ссылок:
Цвет ссылок по умолчанию синий, (#0000FF)
link — определяет цвет ссылок на веб-странице.
alink — При клике на ссылку цвет меняется, (активная ссылка). Цвет по умолчанию красный, (#FF0000).
vlink — цвет пройденных ссылок. По умолчанию фиолетовый, (#800080).
Пример оформления ссылок:
<body link="red" vlink="#00ff00" alink="#ff0000" bgcolor="black">
Можно изменить цвет ссылок через стили CSS.
Пример написания:
<style type="text/css">
#50C13C body { background: white; /* Цвет фона страницы */
}
a { color: red; /* Цвет ссылок */
}
a:active { color: #ffff00; /* Цвет активных ссылок */
}
a:visited { color: #50C13C; /* Цвет пройденных ссылок */
}
</style>
Примеры сайтов
Управление сайтом
Анимация на сайте
Справка
Для сайта
Элементы для сайта
Для создания сайта вам потребуется текстовый редактор.На крайний случай можно воспользоваться Блокнотом из стандартных программ Windows,но лучше сразу скачать текстовый редактор предназначенный для создания сайтов,например Notepad.
У вас на компьютере должны быть установлены основные браузеры Internet Explorer,Opera, Google,Firefox, для обработки графики должен быть установлен графический редактор к примеру бесплатный Photoscape.
Для закачки файлов вашего сайта на хостинг скачайте и установите FTP-клиент,к примеру бесплатный Filezilla.
Также установите простую программу для анимации.
Стоит обратить внимание на безопасность вашего компьютера.Наличие своего сайта предполагает частое пользование почтой на сайте, приходящих писем на ваш почтовый ящик,посещение различных ресурсов в интернете, поэтому антивирусные программы обновляйте постоянно.
Чаще производите чистку и дефрагментацию жестких дисков. Раз в месяц производите проверку и исправление ошибок реестра.
