Ejemplo creando elementos de texto ( table ul li ol ) con Zen Coding

En este ejemplo crearemos una tabla junto con sus elemento ul li y ol
utilizando el zen coding:

ten en cuenta en escribir el código y presionar control + e para efectuar la acción.

table:
<table></table>


ul:

<ul></ul>


li:
<li></li>


ol:
<ol></ol>


aqui un ejemplo agregando elementos de texto en pagina web:

html:5>div>table>ul>li


Nos da como resultado:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
                <meta charset="UTF-8">
                <title></title>
</head>
<body>
                <div>
                               <table>
                                               <ul>
                                                               <li></li>
                                               </ul>
                               </table>
                </div>
</body>
</html>


aqui otro ejemplo:

html:5>ol>li>p:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
                <meta charset="UTF-8">
                <title></title>
</head>
<body>
                <ol>
                               <li>
                                               <p></p>
                               </li>
                </ol>
</body>
</html>





Siguiente

Comentarios

Populares

Buscar en este blog