Найти в Дзене
A blog

Как устроены сайты

Большинство людей сейчас часто сталкиваются с сайтами, но не задумываются о их создании и устройстве. Я думаю, что может быть очень полезно узнать больше о том, с чем встречаешься каждый день. Сайты обычно состоят из двух файлов: файла разметки и файла стилей. Начнём по порядку: Файлы разметки Файлы разметки – это код, написанный на языке программирования HTML. Без стилей он отображается просто как текст. Все элементы кода являются тегами, например вот так выглядит этот заголовок <h2>Файлы разметки</h2>. Теги бывают одинарными и двойными. Файлы стилей Файлы стилей – это код, написанный на языке программирования CSS. Стили оформляют разметку, обозначают отступы и расстояния между строками. Стили можно создать как по тегам, так и по другим элементам HTML. Код CSS состоит из селекторов, их свойств и значений. Селекторы описывают тот объект, к которому применяется данный стиль, например селектор h2 описывает заголовки второго уровня. Свойство описывает тот аспект объекта, который мы
Оглавление

Большинство людей сейчас часто сталкиваются с сайтами, но не задумываются о их создании и устройстве. Я думаю, что может быть очень полезно узнать больше о том, с чем встречаешься каждый день.

Сайты обычно состоят из двух файлов: файла разметки и файла стилей. Начнём по порядку:

Файлы разметки

Файлы разметки – это код, написанный на языке программирования HTML. Без стилей он отображается просто как текст. Все элементы кода являются тегами, например вот так выглядит этот заголовок <h2>Файлы разметки</h2>.

-2

Теги бывают одинарными и двойными.

  • Двойные состоят из открывающего тега и закрывающего(тег заголовка – двойной). Открывающий тег состоит из названия и дополнительной информации (переопределение стилей или информация, которая нужна тегу для нормальной работы) . Закрывающий тег состоит из "/" и названия тега.
  • Одинарные состоят из одного открывающего тега, например теги картинок.

Файлы стилей

Файлы стилей – это код, написанный на языке программирования CSS. Стили оформляют разметку, обозначают отступы и расстояния между строками. Стили можно создать как по тегам, так и по другим элементам HTML. Код CSS состоит из селекторов, их свойств и значений. Селекторы описывают тот объект, к которому применяется данный стиль, например селектор h2 описывает заголовки второго уровня. Свойство описывает тот аспект объекта, который мы будем менять, например свойство color описывает цвет текста. Значение показывает изменение, которое мы будем производить.