САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ

Попробуйте сами

Tryit Главная

Баннер ТОП

Онлайн редактор

С онлайн-редактором кода вы можете редактировать код HTML, CSS и JavaScript и просматривать результаты в своем браузере.


Выполнить » Result Size:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
  background-color: black;
  text-align: center;
  color: white;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<img src="avatar.png" alt="Avatar" style="width:200px">

</body>
</html>

This is a Heading

This is a paragraph.

Avatar
Попробуйте сами »

Нажмите на кнопку "Попробуйте сами", чтобы увидеть, как она работает.


Как работает онлайн-редактор

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

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

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

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

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

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

Если вы новичок в кодировании, мы рекомендуем вам начать с HTML и потом перейти к CSS и JavaScript:

HTML Учебник