Numeracion y Multiplicacion * emmet.

• BY:Carlos Dario Flores
• 03/04/2020

{Utilizando la herramienta de emmet con el símbolo *
puedes establecer cuantas veces quieres

que salga algún elemento sin tener que estarlo poniendo tanto como un for
de html que ya te crea los elementos por ejemplo:

si dentro de un div quieres pones tres imágenes tendrías que hacerlo asi

div(img+img+img):

ejecutando el codigo:

< div>

 < img src="" alt="">

 < img src="" alt="">

 < img src="" alt="">

< /div>

acción que la podríamos resumir multiplicando las veces que deseemos x elemento en este caso el div

asi:

div(img*3):

ejecutando el codigo:

< div>

 < img src="" alt="">

 < img src="" alt="">

 < img src="" alt="">

< /div>

¿Útil no? especialmente en las tablas que tanto trabajo dan agregando cada li por li

es mas si deseas agregarle el numero correspondiente a cada tabla solo bastaría con
agregarle el símbolo $ el cual agrega el numero al cual pertenece por ejemplo:

ul> li{li numero $$}*5

ejecutando el codigo:

< ul>

 < li> li numero 01< /li>

 < li> li numero 02< /li>

 < li> li numero 03< /li>

 < li> li numero 04< /li>

 < li> li numero 05< /li>

< /ul>

otro ejemplo:

div#TITULO> h1{Que pregunta quieres}+form(button{pregunta $})*3

ejecutando el código:

< div id="TITULO">

 < h1> Que pregunta quieres< /h1>

 < form action=""> < button> pregunta 1< /button> < /form>

 < form action=""> < button> pregunta 2< /button> < /form>

 < form action=""> < button> pregunta 3< /button> < /form>

< /div>

No me digas que ahora tienes curiosidad de saber que es el simbolo #?
¡Continuemos!

Anterior

Siguiente

emmet

}