Редактори HTML

Простий текстовий редактор – це все, що вам потрібно, щоб вивчити HTML (навіть з телефону).

Вивчайте HTML за допомогою Блокнота або TextEdit Веб-сторінки можна створювати та змінювати за допомогою професійних редакторів HTML.

Однак для вивчення HTML ми рекомендуємо простий текстовий редактор, як-от Блокнот (ПК) або TextEdit (Mac).

Ми вважаємо, що використання простого текстового редактора є хорошим способом вивчення HTML.

Виконайте наведені нижче дії, щоб створити свою першу веб-сторінку за допомогою Блокнота або TextEdit.

Крок 1. Відкрийте Блокнот (ПК)

Windows:

Відкрийте початковий екран (символ вікна внизу ліворуч на екрані). Тип Блокнот.

Windows 7 або раніша версія:

Відкрийте Пуск > Програми > Стандартні > Блокнот

Крок 1. Відкрийте TextEdit (Mac)

Відкрийте Finder > Програми > TextEdit

Також змініть деякі налаштування, щоб програма правильно зберігала файли. У «Параметрах» > «Формат» > виберіть «Простий текст»

Потім у розділі «Відкрити та зберегти» поставте прапорець «Відображати HTML-файли як HTML-код замість форматованого тексту».

Потім відкрийте новий документ, щоб розмістити код.

Крок 2. Напишіть трохи HTML

Напишіть або скопіюйте такий HTML-код у блокнот:

<!DOCTYPE html>
<html>
<body>

<h1>Мій перший заголовок</h1>

<p>Мій перший абзац.</p>

</body>
</html>
notepad

Крок 3: Збережіть сторінку HTML

Збережіть файл на своєму комп’ютері. Виберіть «Файл» > «Зберегти як» у меню «Блокнот».

Назвіть файл "index.html" і встановіть кодування UTF-8 (що є кращим кодуванням для файлів HTML).

Порада. Ви можете використовувати .htm або .html як розширення файлу. Немає різниці; це залежить від вас.

Крок 4: Перегляньте сторінку HTML у своєму браузері

Відкрийте збережений HTML-файл у вашому улюбленому браузері (двічі клацніть файл або клацніть правою кнопкою миші та виберіть «Відкрити за допомогою»).

Результат виглядатиме приблизно так: