ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML5. Уроки для начинающих

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
Запустить редактор »

Кликните на кнопку "Запустить редактор", чтобы увидеть, как он работает.


Объяснение работы онлайн веб-редактора

Окно слева доступно для редактирования - отредактируйте код и нажмите кнопку "Выполнить", чтобы просмотреть результат в правом окне (отображение в браузере).

"Размер результата" возвращает ширину и высоту окна результатов в пикселях (даже при изменении размера окна браузера).

Вы можете контролировать размер окна с помощью полосы между окнами (перетаскиваемый желоб).

Иконки поясняются в таблице ниже:

Иконка Описание
Перейти на главную страницу сайта
Кнопка меню для дополнительных опций
Сохраните свой код (и поделитесь им с другими)
Изменить ориентацию (горизонтально или вертикально)
Сменить цветовую тему (темная или светлая)

Научитесь кодировать

Если вы новичок в программировании, мы предлагаем вам начать с HTML, а затем перейти к CSS и JavaScript (для фронтэнд-разработчиков), а также к урокам по PHP и SQL (для бэкэнд-разработчиков):

HTML Учебник CSS Учебник JavaScript Учебник PHP Учебник SQL Учебник Python Учебник jQuery Учебник Bootstrap 4 Учебник