Ejemplo mostrando imagenes y videos con zen coding

En este ejemplo crearemos url y mostraremos imagenes utilizand los elementos
a, img, figure, iframe, video, hgroup, con zen coding:

ten en cuenta en escribir el codigo y presionar control + e para efectuar la accion.

a:
< a href="" >< /a >

img:
< img src="" alt="" / >

figure:
< figure >< / figure >

iframe:
< iframe src="" frameborder="0" >< / iframe >

video:
< video src="" >< / video >

hgroup:
< hgr oup >< / hgr oup >

aqui un ejemplo utilizando los elementos mostrados anteriormente:

html:5>hgroup>a>img

Nos da como reultado:

< !DOCTYPE HTML >
< html lang="en-US" >
< head >
 
 < title >< / title >
< / head >
< body >
 < hgroup > < a href="" >< img src="" alt=""  / >< / a >< / hgroup >
< / body >
< / html >



 

 

aqui otro ejemplo:

html:5>figure+iframe+video

< ! DOCTYPE HTML >
< html lang="en-US" >
< head >
 < meta charset="UTF-8" >
 < title >< / title >
< / head >
< body >
 < figure > < / figure >
 < iframe src="" frameborder="0" >< / iframe >< video src="" >< / video >
< / body >
< / html >



 

 

                                            Zen Coding

Anterior

Siguiente