Основы HTML. Урок 1

HTML - это язык гипертекстовой разметки (англ. HyperText Markup Language). Практически все сайты, которые вы видите в интернете, размечены при помощи HTML.

В изучении данный язык достаточно легкий. При создании сайтов чаще всего вам придется использовать не более 20 тегов. Всего же язык HTML насчитывает более 80 тегов.

Зачем нужны теги? Теги позволяют нам "общаться с браузером" и говорить, что мы хотим, чтобы браузер сделал.

Теги бывают одиночные и парные. Одиночные теги не нужно закрывать. А парные теги нужно закрывать таким же тегом и слешем "/". Чаще всего вам будут встречаться именно парные теги.

Структура документов

В HTML весь код содержится в "контейнере" тега "html". Это специальный тег. Далее по структуре документа идет специальный тег "head" и "body".

Тег "head" (англ. голова) нужен для хранения других элементов. Они помогают браузеру работать с данными. Содержимое этого тега не отображается на странице.

Тег "body" (англ. тело) хранит все содержимое страницы. Именно здесь нужно писать основной код, который браузер будет выводить в своем окне.

Давайте напишем наш первый код с новым тегом "p" (англ. paragraph):

Сохраните этот код в блокноте с именем index.html и откройте его!

Что отобразит браузер:

Давайте напишем еще один код с новым тегом "h1"(от англ. header):

Что отобразит браузер:

Закрепляем выученные теги:

Тег	Описание
html	Тег включает в себя все содержимое страницы. Он пишется дважды: в начале кода и в конце
head	Тег нужен для хранения других элементов. Они помогают браузеру работать с данными. Содержимое этого тега не отображается на странице
body	Тег хранит все содержимое страницы. Именно здесь нужно писать основной код, который браузер будет выводить в своем окне
p	Тег задает текстовый абзац и всегда начинается с новой строки. Браузер автоматически добавляет отступы к тексту, который находится внутри этого тега
h1	Тег используется для заголовков. Имеет шесть уровней. Тег "h1" обозначает крупный заголовок, а "h6" мелкий заголовок.

Если вам понравилась статья - подписывайтесь и оставляйте свои комментарии.