Ejecución en línea de Html5

Code

Result

¿Cómo usar el editor en línea de Html5?

Tres pasos sencillos

En el editor de código de la izquierda, escriba o pegue su código Html5.
Haga clic en el botón "Ejecutar" para ejecutar su código Html5.
La salida se mostrará en el área de resultados de la derecha.

¿Qué es el editor en línea de Html5?

El editor en línea de Html5 permite que su código Html5 se ejecute en línea sin necesidad de un servidor web, no necesita usar un editor de texto para editar archivos Html5 en su computadora.

De esta manera, puede ver rápida y fácilmente los resultados de ejecución de Html5, usando el editor ace, puede identificar errores o advertencias de código, y proporcionar comentarios claros y procesables para ayudarlo a mejorar el rendimiento de su código. Puede escribir o pegar código Html5 así:

<!DOCTYPE html>
<html>
<title>Editor en línea de 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 y Chrome */
-o-transform:rotate(30deg); /* Opera */
background-color:yellow;
}
</style>
</head>
<body>
<div>¡Hola, Mundo!</div>
<div id="div2">¡Hola, Html5!</div>
</body>
</html>

Características del editor en línea de Html5

Editor o probador en línea de Html5 simple y conveniente
Autocompletado de sugerencias de palabras clave.
Ofrece múltiples temas de diseño.