Planificacin de Clase

Tcnico Medio en Diseo Grfico I ao Mdulo: Diseo Web Tiempo: 60 horas Prof. Delvin Martn Daz M. 04 Octubre de 2012 Clase: N 3 Unidad III: Textos, Comentarios y formateos Contenidos: 1. Etiquetas de lneas y prrafos 2. Etiquetas de comentarios 3. Etiquetas de formateos para prrafos 4. Ejemplos 5. Ejercicios Objetivos: Desarrollo:

1. Etiquetas de lneas y prrafos

<h1></h1> Define una lnea de encabezado de mayor a menor <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> <p>.</p> Defina el inicio y cierre de un prrafo Etiqueta
<H1> <H2> <H3> <H4> <H5> <H6>

Ejemplo

Ttulo 1: HTML
Ttulo 2: HTML
Ttulo 3: HTML
Ttulo 4: HTML
Ttulo 5: HTML
Ttulo 6: HTML

2. Etiquetas de comentarios
<!--Comentarios que el usuario no visualiza-->

3. Etiquetas de formateos para prrafos

<span></span> Define una seccin en un documento <small></small> Define texto pequeo  Define el texto de un subndice <sup><sup> Define el texto de un superndice <div></div> Define un bloque de elementos, es decir, es un contenedor <hr> Define una lnea horizontal <br> Define un salto de lnea <address> </address> Define el estilo de una direccin

Planificacin de Clase
Tcnico Medio en Diseo Grfico I ao Mdulo: Diseo Web Tiempo: 60 horas Prof. Delvin Martn Daz M. <b></b> <strong></strong> <i></i> <em> </em> Define un texto en negrita Define un texto en negrita Define un texto en cursiva Define un texto en cursiva

Existen otra serie de caracteres que no se visualizan correctamente en algunos navegadores, como es el caso de la y las letras acentuadas, por lo que al igual que ocurre con los caracteres especiales < y >, para insertarlos como texto habra que escribir el nombre que los representa. A continuacin se muestra una lista con algunos caracteres y el nombre con el que han de ser representados:

Carcter < >

Representacin &lt; &gt; &aacute; &Aacute; &eacute; &Eacute; &iacute; &Iacute; &oacute; &Oacute; &uacute; &Uacute; &ntilde; &Ntilde; &#153;

Carcter & "

Representacin &euro; &ccedil; &Ccedil; &uuml; &Uuml; &amp; &iquest; &iexcl; &quot; &middot; &ordm; &ordf; &not; &copy; &reg;

Planificacin de Clase
Tcnico Medio en Diseo Grfico I ao Mdulo: Diseo Web Tiempo: 60 horas Prof. Delvin Martn Daz M.

Siempre que se inserta texto en HTML hay que tener en cuenta que si se escriben varios espacios en blanco seguidos solamente se mostrar uno en el navegador. Para conseguir que se muestren varios espacios en blanco seguidos puede sustituirse cada uno de ellos por &nbsp;. Por ejemplo, para insertar el texto: Bienvenidos, esta es mi 1 pgina! Habra que escribir: &iexcl;Bienvenidos, esta es mi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina!

4. Ejemplos
A continuacin tiene una serie de ejemplos que se podran aplicar en un documento html para especificar prrafos: <p>Esta etiqueta es para indicar que este texto es un prrafo</p> <p>un prrafo con una <strong>palabra</strong> resaltada</p> <p>vistanos en <em>www.aprendoencasa.com</em>, gracias</p>

5.

Ejercicios

Realizar Ejercicio 1