HTML з нуля: створюємо першу сторінку. Урок №2


Сьогодні ми разом створимо твою першу HTML-сторінку! Спочатку трохи теорії, а потім практика.

Для роботи знадобиться простий текстовий редактор, наприклад, «Блокнот». Якщо не знаєш, де його знайти, натисни кнопку «Пуск» внизу ліворуч, вибери «Усі програми» → «Стандартні» → «Блокнот».

Створюємо першу сторінку

  1. Відкрийте Блокнот
  2. Створіть папку
    Створіть на комп’ютері папку «Мої досліди з HTML». Сюди будемо зберігати всі файли нашого курсу.
  3. Напишіть HTML-код
    У «Блокнот» введіть наступний код:
<!DOCTYPE html>
<html>
<head>
    <title>Моя перша сторінка на overcod.net</title>
</head>
<body>
    Вітаю, це моя перша сторінка на overcod.net
</body>
</html>
  1. Збережіть документ як HTML
    У «Блокноті» виберіть «Файл» → «Зберегти як». Вкажіть папку «Мої досліди з HTML» і назвіть файл index.html. Натисніть «Зберегти».

Тепер зайдіть у папку і двічі клацніть файл index.html. У браузері ви побачите свою першу веб-сторінку!





Розуміємо HTML-код

  • <html> відкриває HTML-документ.
  • <head> визначає заголовок документа, який відображається на вкладці браузера.
  • <title> відображає текст у заголовку вкладки браузера.
  • <body> містить видимий текст та елементи сторінки.

Примітка: більшість тегів у HTML є парними, наприклад, <body>...</body>, де перший тег відкриває елемент, а другий його закриває. Деякі теги, як <br>, є самозакриваючимися і не потребують закриття.

Вітаємо! Ви створили свою першу HTML-сторінку.