⛩️ - Emmet 1

Introducción

Emmet es una herramienta que nos permite crear HTML a partir de una línea de texto.

Con algo tan simple como esto:

nav>ul>li

es capaz de hacer algo como esto:

<nav>
    <ul>
        <li></li>
    </ul>
</nav>

Requisitos

Conocer etiquetas de texto y formato del mismo

⚙️ Cuenta de Github

⚙️ Cuenta de Codepen asociada por github

Documentación

Emmet

Chuleta Emmet

Herramienta de prueba

Codepen

Iteraciones

Escribe en una línea para ejecutar con Emmet el resultado que se muestra en los siguientes apartados:

1. Elementos simples

<h1></h1>
<h2></h2>
<p></p>

2. Elementos con contenido

<h1>Soy un título</h1>
<p>y yo un párrafo</p>

3. Anidamiento simple

<h1><mark></mark></h1>

4. Anidamiento con contenido

<h1><mark>El texto subrayado</mark></h1>

5. Anidamiento con múltiples elementos

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

6. Anidamiento con múltiples elementos y contenido

<ul>
  <li>Elemento</li>
  <li>Elemento</li>
  <li>Elemento</li>
  <li>Elemento</li>
  <li>Elemento</li>
</ul>