W3Schools Онлайн редактор коду
За допомогою онлайн-редактора коду W3Schools ви можете редагувати код HTML, CSS та JavaScript та переглядати результат у своєму браузері.
Приклад
<!DOCTYPE html>
<html>
<head>
<title>Заголовок сторінки</title>
<style>
body {
background-color: black;
text-align: center;
color: white;
}
</style>
</head>
<body>
<h1>Це заголовок</h1>
<p>Це параграф.</p>
<img src="../images/avatar.png" alt="Аватар" style="width:200px">
</body>
</html>
Це заголовок
Це параграф.
Клікніть кнопку "Запустити редактор", щоб побачити, яка вона працює.
Пояснення роботи онлайн веб-редактора
Вікно ліворуч доступне для редагування - відредагуйте код і клікніть кнопку "Виконати", щоб переглянути результат в правому вікні (відображення в браузері).
Ви можете контролувати розмір вікна за допомогою смуги між вікнами (жолоб, що перетягується).
Іконки пояснюються в таблиці нижче:
| Іконка | Опис |
|---|---|
| Перейти на головну сторінку сайту | |
| Кнопка меню для додаткових опцій | |
| Збережіть свій код (і поділіться ним з іншими) | |
| Змініть орієнтацію (горизонтально або вертикально) | |
| Змініть кольорову тему (темна або світла) |
Також ви можете використовувати Онлайн-редактор коду для бекенд-розробки на сайті W3Schools.com.
Навчиться кодувати
Якщо ви новачок в програмуванні та веброзробці, ми пропонуємо вам почати з HTML, а потім перейти до CSS та JavaScript (для фронтенд-розробників), а також до уроків по PHP та SQL (для бекенд-розробників):
HTML Підручник CSS Підручник JavaScript Підручник PHP Підручник SQL Підручник Python Підручник jQuery Підручник Bootstrap Підручник
