Разработка и поддержка WEB-Приложений.
Разработка сайтов на чистом коде.

+38(096)807-5910
taras.ktl@gmail.com

Для чего нужен HTML?
Основы создания сайта

Главная > Статьи > Основы html
Основы html

HTML был разработан английским физиком Тимом Бернерсом-Ли. Изначально HTML создавался для обмена и передачи научной и технической документации в электронном виде для библиотеки Оксфордского университета. Теперь пользователи не перелистывали множество страниц электронного документа, а нажимали на ссылку и сразу попадали на нужную страницу. Именно так появился первый в мире Интернет. Без HTML всемирной сети просто не существовало бы.

Что такое HTML?

HTML расшифровывается как HyperText Markup Language – язык гипертекстовой разметки. Давайте разберемся, что же это такое. HyperText или гипертекст – это система текстовых страниц, в которой есть перекрёстные ссылки. Вспомните ситуацию, когда вы заходите на сайт и кликаете ссылки-кнопки, чтобы перейти в другое место страницы или вообще на другой сайт. В этом и заключается работа гипертекста.

Переводим дальше. Markup – это разметка. По сути, это информация о том, на какие разделы и подразделы разбит текст и в каком виде выдаётся пользователю. С помощью разметки программист определяет, где у текста будет абзац, таблица, какими будут тип, вид и размер шрифта.

Для того, чтобы сделать описание документа в HTML, используются специальные слова – теги. Ключевые слова HTML заключены в угловые скобки и, чаще всего, их употребляют парами. Каждый тег выполняет определённую функцию. Для того, чтобы научиться создавать Веб-страницы, нужно знать предназначение того или иного тега.

Помощник HTML

В первой версии с помощью HTML описывали всё:

✔сам текст
✔то, как он разбивается на части, страницы, таблицы и изображения
✔то, как он выглядит: жирный и нежирный шрифт, рамки, тени и так далее.

В 1994 году появился Консорциум Всемирной паутины W3C, основателем которого стал Тим Бернерс-Ли. Сообщество разрабатывало и внедряло новые стандарты и принципы работы Интернета. Поскольку в HTML содержалась информация как о структуре, так и о внешнем виде сайта, его функционал был слишком тяжёлым. В HTML решили добавить язык-интерпретатор CSS – Cascading Style Sheets/ Каскадные таблицы стилей.


Так в CSS перешла стилистическая часть HTML. В нём свели всю информацию о том, как выглядит текст или изображение: цвет, фон, подчёркивания, прозрачность, размер. Структурную часть информации сайта оставили в HTML.

Это очень удобно. Возможности CSS

Набор свойств, который определяет, как выглядят элементы на странице, принято называть “стилем” этого элемента. Соответственно, вся информация о стилях должна быть вынесена в отдельный кусок программы. Это удобно и упрощает, а не усложняет разработку страницы сайта.

Cтили были созданы для того, чтобы не повторять условия в HTML, а сгруппировать и автоматизировать их. Например: вам необходимо выделить ключевые слова или ссылки синим цветом. Если на сайте всё описано грамотно, при помощи CSS, вы просто даёте команду: “Все ссылки должны быть синего цвета”.

CSS развивался и сейчас программисты пользуются его 3-й версией. Благодаря ей появилась возможность адаптации сайтов для мобильных устройств. Также, с помощью CSS можно вращать трёхмерные объекты – для этого уже не нужно писать специальную программу. Программисту достаточно ввести половину строчки. Если же писать на обычном языке программирования низкого уровня, то придётся потратить гораздо больше сил и времени для достижения такого эффекта.