Armando contenido con zen coding

Una página web puede estar divida por contenido, en este ejemplo
Mostrare como crear los siguientes elementos con zen coding:

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

nav:
<nav></nav>

article:

<article></article>

aside:
<aside></aside>

section:
<section></section>

footer:
<footer></footer>

div:
<div></div>


aquí un ejemplo armando pagina web:

html:5>nav+article>section>div+aside+footer>div

Nos da como resultado:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
                <meta charset="UTF-8">
                <title></title>
</head>
<body>
                <nav></nav>
                <article>
                               <section>
                                               <div></div>
                                               <aside></aside>
                                               <footer>
                                                               <div></div>
                                               </footer>
                               </section>
                </article>
</body>
</html>



Zen Coding


Comentarios

Entradas más populares de este blog

Ejemplo de suma Pascal

Solucion al error collation desconocida: 'utf8mb4_0900_ai_ci'