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


Enviar la entrada por correo electrónico

Comentarios

Publicar un comentario

Populares

Buscar en este blog