Ejemplo Creando elementos de texto (p h hr br pre) con Zen Coding

Una pagina web tiene varios formatos de texto contenido, en este ejemplo
mostrare como crear los siguientes elementos de texto con zen coding:

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


p:

<p>p</p>


h1:
<h1>h1</h1>


h2:
<h2></h2>


h3:
<h3></h3>


h4:
<h4></h4>


h5:
<h5></h5>


h6:
<h6></h6>



hr:

<p>p</p>

<hr />

br:
<br />


pre:
<pre></pre>



aqui un ejemplo agregando elementos de texto en pagina web:

html:5>div>+p+h3+hr+br+pre

Nos da como resultado:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<p></p>
<h3></h3>
<hr />
<br />
<pre></pre>
</div>
</body>
</html>






Comentarios

Populares

Buscar en este blog