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

🗓️ Оновлено: 13.10.2022
💬Коментарів: 0
👁️Переглядів: 473

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
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 27369
Поява елементів при скролі
Переглядів: 23794
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 14740
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 12969
Як змінити колір SVG у CSS
Переглядів: 10325
Перевірка знань
🤔Чи добре ви знаєте 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