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>
Это заголовок
Это параграф.
Кликните на кнопку "Запустить редактор", чтобы увидеть, как он работает.
Объяснение работы онлайн веб-редактора
Окно слева доступно для редактирования - отредактируйте код и нажмите кнопку "Выполнить", чтобы просмотреть результат в правом окне (отображение в браузере).
Вы можете контролировать размер окна с помощью полосы между окнами (перетаскиваемый желоб).
Иконки поясняются в таблице ниже:
Иконка | Описание |
---|---|
Перейти на главную страницу сайта | |
Кнопка меню для дополнительных опций | |
Сохраните свой код (и поделитесь им с другими) | |
Изменить ориентацию (горизонтально или вертикально) | |
Сменить цветовую тему (темная или светлая) |
Научитесь кодировать
Если вы новичок в программировании, мы предлагаем вам начать с HTML, а затем перейти к CSS и JavaScript (для фронтэнд-разработчиков), а также к урокам по PHP и SQL (для бэкэнд-разработчиков):
HTML Учебник CSS Учебник JavaScript Учебник PHP Учебник SQL Учебник Python Учебник jQuery Учебник Bootstrap 4 Учебник