Что такое HTML простыми словами

🗓️ Обновлено: 13.10.2022
💬Комментариев: 0
👁️Просмотров: 472

HTML – это язык гипертекстовой разметки. Но это набор непонятных слов для начинающих. Что такое гипертекстовая разметка вообще? Давайте по простому, чтобы понять мог тот, кто второй раз в жизни слышит про HTML.

Итак, HTML – это такой язык, который позволяет нам строить страницы (а из них составлять сайты) в сети интернет.

Ну, уж получше. Но все равно, вопрос о языке остается. Как это язык, позволяющий что-то строить? Как работает html?

Представьте, что вы пишите письмо, но что там написано, может понять и выполнить только специальный человек. Письмо — это html-документ, где вы прописываете, благодаря специальным символам (тегам), которые будут размещаться на странице. А браузер – это тот самый человек, который понимает ваш язык и выполняет, что вы написали в письме.

Надеюсь, стало немного понятнее. Подытожим: html – это язык, благодаря которому можно строить web-страницу.

Если вы перечитаете, что написано выше, то сможете ответить и на следующий вопрос – зачем нужен HTML.

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

Что такое html тег?

Это элемент html разметки, прописываемый в специальных угловых скобках (<>).

Бывают разные теги. Самый популярный – тег div. Каждый тэг имеет свое значение. К примеру, тот же тег div создает блочный элемент. А тег span – инлайновый.

Надеюсь, прочитав вышенаписанное, вы для себя сформировали понятие HTML. Это язык гипертекстовой разметки. Давайте теперь попробуем ответить на некоторые вопросы, которые приходят новичку в голову.

Для чего используют HTML?

Что можно сделать с помощью html? Очевидно — веб-сайт. Однако, что с помощью html создаются и email письма и рассылки. Про это часто забывают. С помощью html вы не создадите программу для компьютера. Запомните такое сочетание: html -> браузер.

Можно ли создать сайт без использования html?

Да, вы можете это сделать. Создайте на рабочем столе текстовый документ, пропишите в нем свое имя (или любой другой текст), затем переименуйте его: например, из документ.txt сделайте index.html. И откройте его с помощью любого браузера. Вот, пожалуйста, вы создали веб-страницу без использования html. Однако, если открыть исходных код документа в браузере, то вы увидите html теги. Их автоматически создал и добавил ваш браузер. 

Что такое HTML верстка

Это создание html страницы из заданного макета. То есть, если простыми словами, дизайнер в программе (Photoshop, Figma или Sketch) нарисовал дизайн сайта, а задача верстальщика воссоздать внешний вид макета с помощью html. Этот процесс и называется версткой.

Что же, я постарался ответить простой вопрос «что такое html простыми словами». Я прекрасно понимаю, что новичкам иногда трудно понять смысл некоторых слов или выражений. Поэтому не стесняйтесь — задавайте свои вопросы в комментариях.

Так же, если вы нашли ошибку или неточность на странице — обязательно дайте нам знать.

Всем усердия и выдержки в изучении нового!

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Статья была полезной?
👍
Да - 1
👎
Нет - 0
💬Комментарии:

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 27367
Появление элементов при скролле
Просмотров: 23791
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 14739
Как выровнять картинку по центру с помощью CSS
Просмотров: 12966
Перенос сайта на Тильде на свой хостинг. Пошаговое руководство
Просмотров: 10750
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Viva Magenta
🤔Цвет 2023 года
Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.
#bb2649