Laboratorio Web
ET7 IDE
Guardado
🪄
Formatear
↺
Reiniciar
Ejecutar
📥
Descargar
</>
HTML
#
CSS
{ }
JavaScript
⚡ Etiquetas:
<a>
<img>
<button>
<input>
<div>
<span>
<p>
<h1>
<ul>
<table>
<form>
Más
▼
Estructura & Semántica
Plantilla HTML5
<!DOCTYPE>
Encabezado
<header>
Navegación
<nav>
Sección
<section>
Pie de página
<footer>
Formularios & Medios
Selector
<select>
Área de texto
<textarea>
Marco embebido
<iframe>
🎨 Paleta & Estilos:
🌈
background-color
color
flex-center
grid
padding
margin
border-radius
box-shadow
transition
Más
▼
Efectos & Layouts
Efecto :hover
scale & lift
Glassmorphism
blur glass
Media Query
@media 768px
Animación
@keyframes
⚡ JS Helpers:
querySelector
addEventListener
console.log
alert
function
() => {}
fetch
classList.toggle
Más
▼
DOM & Asincronismo
Crear elemento
createElement
Temporizador
setTimeout
Repetición
setInterval
Recorrer arreglo
.forEach()
Guardar local
localStorage
Manejo de errores
try/catch
✓
Código ordenado
Vista Previa
LIVE
💻 100%
📱 Tablet
📱 Móvil
{ }
Consola
0
>_ Consola JavaScript
(Salidas de console.log y errores)
Limpiar
✕
Consola lista. Los mensajes de console.log(...) aparecerán aquí.