ÁREA DE TECNOLOGÍA E INFORMÁTICA                      http://tecnologiaeinformatica-lissyvancelis.blogspot.comLenguaje HTM...
Upcoming SlideShare
Loading in …5
×

Guia 3 de html alineacion y tamaños de fuente

3,404 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,404
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Guia 3 de html alineacion y tamaños de fuente

  1. 1. ÁREA DE TECNOLOGÍA E INFORMÁTICA http://tecnologiaeinformatica-lissyvancelis.blogspot.comLenguaje HTML – Alineación y tamaños de fuente Guía No. 3TEMAS: Alineación de textos (atributo ALIGN= LEFT/ RIGHT/ CENTER/JUSTIFY), Tamaños de fuente (Etiquetas<BASEFONT>, <FONT> atributos SIZE y COLOR), y &lt; para < y &gt; para >.1. Abra Bloc de notas, haga Ajuste de línea y escriba el siguiente código:<HTML><HEAD><TITLE>Alineación y tamaños de fuente con HTML</TITLE></HEAD><BODY BGCOLOR="lightblue"><H1>Etiquetas de Alineación y tamaños de fuente en HTML</H1><H2>Alineación de párrafos y títulos</H2><P>La alineación de texto puede controlarse con la programación HTML. A menos que se especifique, todos loselementos del documento se alinean a la izquierda, con el margen derecho sin alinear. Muchos documentos se venbien de este modo; sin embargo, para tener una página diferente, puede elegirse la alineación izquierda, derecha,centrada o justificada.<P>Los párrafos largos, con texto centrado, suelen ser difíciles de leer, pero puede ser que el diseño de la páginaWeb en algunos casos lo requiera. Según las necesidades se puede alinear utilizando el atributo ALIGN= dentro delas etiquetas de párrafo &lt;P&gt; y de título de nivel &lt;H1&gt;, &lt;H2&gt;, etc. Ejemplos:<P ALIGN = RIGHT>Este texto debe estar alineado a la derecha.<P ALIGN = CENTER>Este texto debe estar centrado en la página.<P ALIGN = LEFT>Este texto debe estar alineado a la izquierda.<P ALIGN = JUSTIFY>Este párrafo ocupa más de dos líneas de texto, para que se observe justificado (alineado tanto en el margenizquierdo como en el derecho) debemos utilizar el atributo ALIGN e indicar que esa alineación será justificadaasignándole el valor JUSTIFY.<H1 ALIGN = CENTER>Título de primer nivel centrado</H1><H2 ALIGN = RIGHT>Ejemplo de título de segundo nivel a la derecha</H2><HR SIZE=5><H2>Tamaños de Fuentes</H2><P>Para cambiar el tamaño del texto se puede especificar el tamaño de la fuente base o el tamaño de la fuente enalgunos lugares específicos.<P>La etiqueta &lt;BASEFONT&gt; afecta el valor predeterminado usado para el texto desde donde se coloca laetiqueta, aunque los estilos de los títulos de nivel anulan el tamaño de la fuente base. El valor predeterminado dela fuente en las páginas es tres si no se especifica uno diferente con esta etiqueta; este tamaño es legible en lamayoría de los documentos.<P>La etiqueta &lt;FONT&gt; afecta el tamaño empleado en partes específicas del texto y se debe cerrar con laetiqueta &lt;/FONT&gt; para continuar con el tamaño de fuente predeterminado o indicado con la etiqueta&lt;BASEFONT&gt; (hay que recordar que los estilos de los títulos de nivel anulan este valor).<P>El atributo para asignar el tamaño en estas dos etiquetas es SIZE.<P>Observa los siguientes ejemplos que enseñan cómo se utilizan las etiquetas de tamaño de fuente, verificandoque cada párrafo cumpla lo que está enunciando:<P>1) Este es el tamaño de la fuente por defecto, o sea 3, porque no se ha indicado algo diferente.<BASEFONT SIZE=5><P>2) Aquí se le asignó a la fuente base el tamaño 5.<P>Así cambiemos de párrafo el tamaño sigue siendo 5 porque BASEFONT asigna el tamaño desde donde secolocó la etiqueta hasta que se realice un cambio.<FONT SIZE=+1 COLOR=FF0000><P>3) Desde aquí cambiamos el color y aumentamos en uno el tamaño de la fuente indicado en BASEFONT hastaaquí</FONT> y luego vuelve al tamaño de fuente asignado en BASEFONT y al color anterior.<FONT SIZE=7><P>4) Este texto inicia con tamaño de fuente 7 sin importar qué se había asignado en BASEFONT</FONT> y ahoravuelve a 5.</BASEFONT><P>Este último párrafo debe tener tamaño 3 por haber cerrado la etiqueta BASEFONT.<HR><P ALIGN=RIGHT><FONT SIZE=5 COLOR="royalblue">Nombres y curso</FONT><HR></BODY></HTML>2. Guarde con el nombre “Tamaños de fuente y alineación.html” en la carpeta correspondiente y ejecute la página Web con Internet Explorer observando la utilidad de cada etiqueta.Próxima clase: traer el código de una página Web diseñada individualmente y con tema libre, digitada en una hojaoficio marcada con nombre y curso, tamaño de letra 10 o 12, donde aplique lógica y estéticamente, las etiquetastrabajadas hasta el momento. Esta página es inicio de su proyecto final de período por lo tanto adicionalmente,guarde el texto con el nombre Index-su nombre.html y envíelo desde su correo al mío (tecnologiaokey@gmail.com)para generar una copia y que la pueda usar en la clase. Recuerde que más adelante debe conseguir imágenes sobreese tema. EL ENVÍO POR CORREO NO REEMPLAZA LA ENTREGA IMPRESA, ES PARA QUE USTED TENGA LA COPIA.

×