Este documento proporciona instrucciones sobre cómo usar etiquetas HTML para alinear texto y cambiar los tamaños de fuente. Explica cómo usar los atributos ALIGN y SIZE dentro de las etiquetas <P> y <H1-H2> para alinear párrafos y títulos a la izquierda, derecha, centro o justificado. También cubre las etiquetas <BASEFONT> y <FONT> para establecer el tamaño de fuente predeterminado o cambiar el tamaño en partes específicas del texto. Se incluyen ej
1. ÁREA DE TECNOLOGÍA E INFORMÁTICA
http://tecnologiaeinformatica-lissyvancelis.blogspot.com
Lenguaje HTML – Alineación y tamaños de fuente Guía No. 3
TEMAS: Alineación de textos (atributo ALIGN= LEFT/ RIGHT/ CENTER/JUSTIFY), Tamaños de fuente (Etiquetas
<BASEFONT>, <FONT> atributos SIZE y COLOR), y < para < y > 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 los
elementos del documento se alinean a la izquierda, con el margen derecho sin alinear. Muchos documentos se ven
bien 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ágina
Web en algunos casos lo requiera. Según las necesidades se puede alinear utilizando el atributo ALIGN= dentro de
las etiquetas de párrafo <P> y de título de nivel <H1>, <H2>, 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 margen
izquierdo como en el derecho) debemos utilizar el atributo ALIGN e indicar que esa alineación será justificada
asigná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 en
algunos lugares específicos.
<P>La etiqueta <BASEFONT> afecta el valor predeterminado usado para el texto desde donde se coloca la
etiqueta, aunque los estilos de los títulos de nivel anulan el tamaño de la fuente base. El valor predeterminado de
la fuente en las páginas es tres si no se especifica uno diferente con esta etiqueta; este tamaño es legible en la
mayoría de los documentos.
<P>La etiqueta <FONT> afecta el tamaño empleado en partes específicas del texto y se debe cerrar con la
etiqueta </FONT> para continuar con el tamaño de fuente predeterminado o indicado con la etiqueta
<BASEFONT> (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, verificando
que 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 se
colocó 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 hasta
aquí</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 ahora
vuelve 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 hoja
oficio marcada con nombre y curso, tamaño de letra 10 o 12, donde aplique lógica y estéticamente, las etiquetas
trabajadas 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 sobre
ese tema. EL ENVÍO POR CORREO NO REEMPLAZA LA ENTREGA IMPRESA, ES PARA QUE USTED TENGA LA COPIA.