Atajos de Emmet

Question

| Atajo | Descripción |
|-------------------------------|-------------------------------------------------------|
| `html`

Franklin Humberto Pacheco · Answer

Atajo	Descripción
`div>h1{Título Principal}`	Crea un encabezado h1 con el texto "Título Principal".
`div>p*3`	Crea una div con tres párrafos.
`div>h2{Encabezado}+div>p{Texto}`	Crea una div con un encabezado y un texto.
`div>input[type=url]`	Crea un campo de entrada para URL.
`div>h3{Subtítulo}+div>p{Texto}`	Crea una div con un subtítulo y un texto.
`div>input[type=color]`	Crea un campo de entrada para seleccionar color.
`div>h1{Título}+div>p{Descripción}`	Crea una div con un título y una descripción.
`div>nav>ul>li*5>a`	Crea un menú de navegación con cinco enlaces.
`div>h2{Título}+div>img[src=imagen.jpg]`	Crea una div con un título y una imagen.
`div>input[type=number]`	Crea un campo de entrada para números.
`div>h2{Título}+div>p{Texto}+div>ul>li*2`	Crea una div con un título, un texto y una lista de dos elementos.
`div>h1{Cabecera}+div>p*4`	Crea una div con una cabecera y cuatro párrafos.
`div>footer>p{Derechos Reservados}`	Crea un pie de página con un párrafo.
`div>h2{Título}+div>p{Texto}+div>img[src=imagen.jpg]`	Crea una div con un título, un texto y una imagen.
`div>h1{Título}+div>h2{Subtítulo}`	Crea una div con un título y un subtítulo.
`div>input[type=range]`	Crea un campo de entrada para rango.
`div>h2{Título}+div>p{Texto}+div>button{Enviar}`	Crea una div con un título, un texto y un botón.
`div>h2{Título}+div>p{Texto}+div>input[type=checkbox]`	Crea una div con un título, un texto y un checkbox.
`div>h2{Título}+div>p{Texto}+div>input[type=radio]`	Crea una div con un título, un texto y un botón de opción.
`div>h2{Título}+div>p{Texto}+div>input[type=file]`	Crea una div con un título, un texto y un campo de archivo.
`div>h2{Título}+div>p{Texto}+div>input[type=tel]`	Crea una div con un título, un texto y un campo de teléfono.
`div>h2{Título}+div>p{Texto}+div>input[type=email]`	Crea una div con un título, un texto y un campo de email.
`div>h2{Título}+div>p{Texto}+div>input[type=search]`	Crea una div con un título, un texto y un campo de búsqueda.
`div>h2{Título}+div>p{Texto}+div>input[type=submit]`	Crea una div con un título, un texto y un botón de envío.
`div>h2{Título}+div>p{Texto}+div>input[type=button]{Botón}`	Crea una div con un título, un texto y un botón.
`div>h2{Título}+div>p{Texto}+div>select>option*3`	Crea una div con un título, un texto y un menú desplegable con tres opciones.
`div>h2{Título}+div>p{Texto}+div>textarea`	Crea una div con un título, un texto y un área de texto.
`div>h2{Título}+div>p{Texto}+div>progress`	Crea una div con un título, un texto y una barra de progreso.
`div>h2{Título}+div>p{Texto}+div>meter`	Crea una div con un título, un texto y un medidor.

Atajo	Descripción
`html`	Genera la estructura básica de un documento HTML.
`ul>li*5`	Crea una lista no ordenada (ul) con cinco elementos.
`div>h1+p`	Crea una div que contiene un encabezado (h1) y un párrafo (p).
`input[type=text]+input[type=password]`	Crea dos campos de entrada, uno para texto y otro para contraseña.
`table>tr3>td4`	Crea una tabla con 3 filas y 4 columnas.
`div.container>div.row>div.col*3`	Crea una estructura de grid con una fila y tres columnas.
`a[href=#]`	Crea un enlace (a) con un atributo href.
`img[src=imagen.jpg]`	Crea una etiqueta de imagen (img) con un atributo src.
`h1{Título Principal}`	Crea un encabezado h1 con el texto "Título Principal".
`p{Este es un párrafo.}`	Crea un párrafo con el texto "Este es un párrafo.".
`div>span*2`	Crea una div que contiene dos spans.
`form>input[type=email]+input[type=submit]`	Crea un formulario con un campo de email y un botón de envío.
`section>h2+p`	Crea una sección con un encabezado h2 y un párrafo.
`footer>p{Derechos Reservados}`	Crea un pie de página con un párrafo.
`div>ul>li*3>span{Elemento}`	Crea una lista no ordenada con tres elementos que contienen el texto "Elemento".
`blockquote{Cita importante}`	Crea un bloque de cita.
`div>h3{Subtítulo}+p{Descripción}`	Crea una div con un subtítulo y una descripción.
`nav>ul>li*4>a`	Crea un menú de navegación con cuatro enlaces.
`div>input[type=checkbox]+label{Opción}`	Crea un checkbox con una etiqueta.
`div>h1{Título}+div>p{Descripción}`	Crea una div con un título y una descripción.
`div>h2{Encabezado Secundario}+div>p*2`	Crea una div con un encabezado secundario y dos párrafos.
`div>button{Enviar}`	Crea un botón con el texto "Enviar".
`div>input[type=radio]+label{Opción 1}`	Crea un botón de opción con una etiqueta.
`div>h2{Título}+div>ul>li*3`	Crea una div con un título y una lista con tres elementos.
`div>input[type=file]`	Crea un campo de entrada para archivos.
`div>h1{Cabecera}+div>p*3`	Crea una div con una cabecera y tres párrafos.
`div>table>tr2>td3`	Crea una tabla con 2 filas y 3 columnas.
`div>header>h1{Título}+nav>ul>li*3`	Crea un encabezado con un título y un menú de navegación.
`div>footer>p{Información de contacto}`	Crea un pie de página con información de contacto.
`div>h2{Título}+div>p{Texto adicional}`	Crea una div con un título y un texto adicional.
`div>h1{Título}+div>p*2`	Crea una div con un título y dos párrafos.
`div>h2{Encabezado}+div>p{Texto}`	Crea una div con un encabezado y un texto.
`div>input[type=search]`	Crea un campo de búsqueda.
`div>h3{Subtítulo}+div>ul>li*4`	Crea una div con un subtítulo y una lista de cuatro elementos.