Html5在线运行

Code
Result

如何使用 Html5 在线编辑器?

三个简单步骤
  1. 在左侧代码编辑器中,编写或粘贴您的 Html5 代码。
  2. 单击“运行”按钮运行您的 Html5 代码。
  3. 输出将显示在右侧结果区域中。

什么是 Html5 在线编辑器

Html5 在线编辑器允许您的 Html5 代码在线运行而无需 Web 服务器,您无需使用文本编辑器在计算机上编辑 Html5 文件。

这样,您可以快速轻松地查看 Html5 运行结果,使用 ace 编辑器,可以识别代码错误或警告,并提供清晰且可操作的反馈,以帮助您提高代码的性能。您可以像这样编写或粘贴 Html5 代码:

<!DOCTYPE html>
<html>
<title>Html5 在线编辑器</title>
<head>
<style>
div
{
width:100px;
height:75px;
background-color:red;
border:1px solid black;
}
#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
-o-transform:rotate(30deg); /* Opera */
background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, Html5!</div>
</body>
</html>

Html5 在线编辑器的功能

  1. 简单方便的 Html5 在线编辑器或测试器
  2. 关键字建议自动完成。
  3. 提供多种设计主题。