You are on page 1of 2

DEPARTAMENTO DE ARTE Y TECNOLOGA 10 01 02 03 04 DOCENTE: GISELLE RAMOS CANO FECHA: _____________________

PGINA WEB OTROS TAGS <blockquote> Se usa para escribir una cita textual o un prrafo exacto y que ste se diferencie del resto del texto. El efecto que nos muestra es que crea unos espacios a la derecha y a la izquierda del texto, para que se diferencie de los dems. <em> Es para indicar nfasis, reemplazando la etiqueta <i>. <figcaption> Este elemento es utilizado para mostrar una leyenda o pequeo texto relacionado con el contenido de un elemento <figure>, como la descripcin de una imagen. <figure> Este elemento representa una porcin independiente de contenido (por ejemplo, imgenes, diagramas o videos) que son referenciadas desde el contenido principal. Esta es informacin que puede ser removida sin afectar el fluido del resto del contenido. <hgroup> Este elemento es usado para agrupar elementos cuando la cabecera tiene mltiples niveles (por ejemplo, una cabecera con ttulo y subttulo). <mark> Este elemento resalta un texto que tiene relevancia en una situacin en particular o que ha sido mostrado en respuesta de la actividad del usuario. (Mi <mark>coche</mark> es rojo) <strong> Es para indicar importancia. type Indica cmo debe ser representado la vieta o numeracin en una lista. Los valores posibles dependen del tipo de lista en la que se encuentre el tem. Para las listas los valores posibles son: disc: dibuja un crculo relleno. circle: dibuja un crculo sin relleno. square: dibuja un cuadrado sin relleno. 1: nmeros arbigos (1, 2, 3,...). a: letras en minscula (a, b, c,...). A: letras en mayscula (A, B, C,...). i: nmeros romanos en minscula (i, ii, iii,...). I: nmeros romanos en mayscula (I, II, III,...).

ACTIVIDAD Copia el siguiente cdigo en un bloc de notas y correlo en un navegador web para visualizarlo e identifica los nuevos Tags incluidos en l para realizar la actividad planteada: Personaliza los textos. Cambia la imagen del primer mensaje y aade una en el segundo mensaje. Utiliza el tag <mark> para resaltar una parte importante en tu pgina web. Utiliza el tag <em> para hacer nfasis en un texto de tu pgina web. Utiliza el tag <strong> para dar importancia a un texto de tu pgina web. Utiliza el tag <blockquote> para dar el efecto de este tag en un texto de tu pgina web.

Ejercicio en clase:
<html> <head> <tittle><h1><p align=center>Este texto es el ttulo del documento</h1></tittle> </head> <body> <body bgcolor=#101040> <header> <h1>Este es el ttulo principal del sitio web</h1> </header> <nav> <ul> <li type="circle">Principal</li type="circle"> <li type="circle">Fotos</li type="circle"> <li type="circle">Videos</li type="circle"> <li type="circle">Contacto</li type="circle"> </ul> </nav> <section> <article> <header> <hgroup> <h1>Ttulo del mensaje uno</h1> <h2>Subttulo del mensaje uno</h2> </hgroup> <p>Publicado 06-05-2013 </header> Este es el texto de mi primer mensaje <figure> <img border=3 src="http://minkbooks.com/content/myimage.jpg"> <figcaption> Esta es la imagen del primer mensaje </figcaption> </figure> <footer> <p>Comentarios (0) </footer> </article> <article> <header> <hgroup> <h1>Ttulo del mensaje dos</h1> <h2>Subttulo del mensaje dos</h2> </hgroup> <p>Publicado 06-05-2013 </header> Este es el texto de mi segundo mensaje <footer> <p>Comentarios (0) </footer> </article> </section> <aside> <blockquote><li type="square">Mensaje nmero uno</li type="square"></blockquote> <blockquote><li type="square">Mensaje nmero dos</li type="square"></blockquote> </aside> </body> <footer> Derechos Reservados & Copy; 2013-2014 </footer> </html>

You might also like