Привет, вы на канале "О деньгах в IT", а меня зовут Сергей. Сегодня мы начинаем серию уроков посвященных HTML - одному из языков, с помощью которых создаются сайты. Узнаем что это такое, как создаются и из чего состоят сайты.
Что такое HTML
HTML (HyperText Markup Language) — это язык гипертекстовой разметки сайта. Простым языком это весь контент который есть на сайте: текст, ссылки, картинки и т.д. Язык пишется в текстовом редакторе. В прошлой статье я говорил, что буду использовать для этого Notepad++.
HTML-документы состоят из html-элементов (тегов), которые и дают браузеру информацию о том, что будет на нашем сайте.
Создаем HTML-документ
Для того, чтобы создать HTML, мы создаем текстовый документ, которому выдаем расширение ".html". После этого, документ меняет иконку на браузерную, поскольку запускаться он будет через браузер. Пример указан ниже:
Далее открываем данный документ через текстовый редактор и можно начинать создавать наш сайт.
Из чего состоит сайт
Выше уже писалось о том, что сайт состоит из html-элементов, так называемых тегов. Теги бывают двух типов: одинарные и парные. Парных тегов в HTML больше, чем одинарных.
Любой тег пишется в кавычках. Ниже указан пример одинарных и парных тегов.
Какие именно теги относятся к парным, а какие к одинарным, мы узнаем в процессе курса.
Теперь когда мы знаем какие есть теги, можно начать создавать. Вспомним, что человек состоит из головы и тела, так и HTML состоит из головы и тела, за это отвечают следующие теги:
<head></head> - тег головы сайта
<body></body> - тег тела сайта
В <head> отображается информация о сайте, которая не влияет на его графическое изображение, т.е. мы не создаем в этом теге никаких ссылок, картинок и т.д.
В <body> наоборот, отображается вся графическая часть нашего сайта: текст, кнопки, ссылки, изображения и т.д.
Но надо также помнить, что голова и тело - это лишь части сайта, сам сайт еще надо указать, делается это с помощью тега <html></html>.
Таким образом у нас есть человек (<html>), у него есть голова (<head>) и тело (<body>).
В компьютерном варианте, сайт в котором мы указали только структуру, будет выглядеть так:
<html>
<head></head>
<body></body>
</html>
Заключение
Теперь мы знаем что такое HTML, как создаются и из чего состоят html-документы.
В следующем уроке мы узнаем о том как пишется текст и рассмотрим некоторые виды его форматирования. Поэтому не забывайте подписываться на канал и следить за постами.
С вами был канал "О деньгах в IT" и я его автор - Сергей. Всем хорошего дня и до новых встреч.