1 1 1 1 1 1 1 1 1 1 Rating 2.17 (6 Votes)

Давайте "распотрошим" сайт и посмотрим, из чего он состоит. А сайт состоит из страниц.

Страница пишется обычно на 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 - альтернативный текст, если картинка вдруг не загрузилась (осознанно или случайно).

Вот мы и рассмотрели, как создать самый простой сайт.

Back to Top