Давайте "распотрошим" сайт и посмотрим, из чего он состоит. А сайт состоит из страниц.
Страница пишется обычно на html - языке гипертекстовой разметки. Звучит сложновато, да? Это на первый взгляд. Html - это обычный язык разметки. Состоит из тегов, содержимого тегов и параметров (атрибутов). Внутри тега может быть сколь угодно других тегов. Различные теги обозначают вид элемента: блок, ссылка, параграф.
<p>Это простой параграф</p>
Параметры (атрибуты) тега - это прописываемые внутри начального тега элементы в виде название_атрибута="значение_атрибута". Обычно название атрибута - это class (класс для css) или id (идентификатор). Значение атрибута в случае класса - название класса. С помощью классов определяется визуальный стиль элемента (тега). Визуальный стиль - цвет, фон, размер шрифта, жирность, ширина, высота, положение на странице и т.д.
Классы прописываются в специальном файле css. Этот файл подключается обычно в разделе head страницы. Кроме того, в разделе head прописывается различная служебная информация: заголовки, описание, счетчики и т.д.
Простейшая страница состоит из
<html>
<head>
<title>Тестовая страница</title>
</head>
<body>
<p>Привет, мир!</p>
</body>
</html>
Выделите код выше, вставьте его в блокнот и сохраните как 1.html. Затем запустите эту страницу и вы увидите ее в браузере! Поздравляем, вы создали первую страницу.
Чтобы перейти с одной страницы на другую, используются ссылки. Ссылки могут быть абсолютными и относительными. Не путайте их! Абсолютные всегда начинаются с префикса: https:// или http или вообще с //.
Для интерактивности используют JS (Java Script). JS исполняется на стороне клиента (браузера). На страницу можно вставлять изображения с помощью тега одиночного тега <img />.
Параметрами (атрибутами) тега img являются src - путь к изображению, title - подсвечиваемая подсказка при наведении на картинку, alt - альтернативный текст, если картинка вдруг не загрузилась (осознанно или случайно).
Вот мы и рассмотрели, как создать самый простой сайт.
Подробнее...