Sunteți pe pagina 1din 2

DEPARTAMENTO DE ARTE Y TECNOLOGA

TECNOLOGA E INFORMTICA 10 01 02 03
DOCENTE: MS.c. 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.

<font face> Este elemento permite aplicar tipos de letras a los textos de la pgina.

<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>
<title>10 Clase 6</title>
</head>
<body>
<font face="Verdana">
<body bgcolor=#99ffff>
<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>
<p><font size=6><b>Ttulo del mensaje uno</b></font size=6>
<p><blockquote><font size=4><b>Subttulo del mensaje uno</b></font size=4></blockquote>
</hgroup>
<p>Publicado 12-05-2014
</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>
<br>
<br>
<article>
<header>
<hgroup>
<p><font size=6><b>Ttulo del mensaje dos</b></font size=6>
<p><blockquote><font size=4><b>Subttulo del mensaje dos</b></font size=4></blockquote>
</hgroup>
<p>Publicado 12-05-2014
</header>
Este es el texto de mi segundo mensaje
<footer>
<p>Comentarios (0)
</footer>
</article>
</section>
<aside>
<p align=right>Informacin nmero uno</li type="square">
<p align=right>Informacin nmero dos</li type="square">
</aside>
</body>
<footer>
<p align=center>Derechos Reservados & Copy; 2014-2015
</footer>
</html>

S-ar putea să vă placă și