HTML (Hypertext Markup Language) – це мова розмітки, яка використовується для створення структури та зовнішнього вигляду веб-сторінок. Якщо ви новачок у програмуванні і хочете навчитися створювати власні веб-сторінки, то почати з основ HTML – відмінне рішення.
Перший крок у написанні коду HTML – створення файлу з розширенням .html. Це можна зробити у будь-якому текстовому редакторі, такому як Notepad++ чи Sublime Text. Після того, як ви створили файл, додайте наступний рядок коду на початок файлу: <!DOCTYPE html>. Це оголошення вказує браузеру те що, що файл є HTML-документом.
Далі ви можете розпочати кодування структури вашої веб-сторінки. Зазвичай HTML-документ і двох основних частин: заголовка (head) і тіла (body). У заголовку ви можете вказати метаінформацію про вашу сторінку, таку як заголовок сторінки, опис, ключові слова, стилі та скрипти. У тілі сторінки ви створюватимете вміст самої сторінки, такий як текст, зображення, посилання та інші елементи.
| № | Крок | Опис |
|---|---|---|
| 1 | Відкрийте текстовий редактор | Для написання коду HTML вам знадобиться текстовий редактор, такий як Notepad++ (для Windows), Sublime Text або Visual Studio Code (підтримуються різні операційні системи). |
| 2 | Створіть новий файл | Після відкриття текстового редактора створіть новий файл. Виберіть "Файл" -> "Створити" або використовуйте клавіші Ctrl + N. |
| 3 | Почніть із коду DOCTYPE | Для вказівки типу документа HTML на початку кожного файлу HTML необхідно додати наступний код: <!DOCTYPE html>. Цей код визначає, що файл є HTML документом версії 5. |
| 4 | Відкрийте тег <html> | Після коду DOCTYPE додайте тег <html> і закриваючий тег </html>. Усі елементи веб-сторінки повинні знаходитись усередині цих тегів. |
| 5 | Додати тег <head> | Всередині тегів <html> і </html> додайте тег <head>, що відкриває, і тег, що закриває </head>. Цей розділ містить інформацію про сторінку, таку як заголовок, метадані та стилі, що підключаються. |
| 6 | Додати тег <title> | Всередині тегів <head> і </head> додайте тег <title> і тег </title>, що відкриває. Всередині цих тегів введіть заголовок сторінки, який відображатиметься на вкладці браузера. |
| 7 | Відкрийте тег <body> | Після тегів <head> і </head> додайте тег <body> і тег </body>, що відкриває. Цей розділ містить весь вміст веб-сторінки, від тексту до зображень та інших елементів. |
| 8 | Почніть писати свій код HTML | Тепер, коли основна структура сторінки готова, ви можете почати писати свій код HTML усередині тегів <body> та </body>. Використовуйте теги, атрибути та вміст HTML для створення різних елементів, таких як заголовки, пункти та списки. |
Як почати код на HTML?
Формально перейти зі звичайного HTML (HTML4) на HTML5 дуже просто: достатньо написати на початку коду веб-сторінки тег <! DOCTYPE html> для вказівки типу документа.
Що писати на початку HTML-коду?
Відкриваючий тег: Він складається з назви (позначення) елемента (у нашому випадку p), поміщеного всередині кутових дужок. Цей тег є ознакою початку елемента, з цього моменту тег починає впливати на наступний після нього вміст. Тег, що закриває: виглядає як і відкриває, але містить сліш перед назвою тега.
Як написати приклад коду в HTML?
HTML: Вставте комп'ютерний код у HTML. Для створення блоку з кодом використовується тег <code> , всередині якого записується код будь-якою мовою програмування. // Приклад коду JavaScript const square = (num) => { return num * num; };