• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Guia 3 de html   alineacion y tamaños de fuente
 

Guia 3 de html alineacion y tamaños de fuente

on

  • 2,734 views

 

Statistics

Views

Total Views
2,734
Views on SlideShare
2,734
Embed Views
0

Actions

Likes
0
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Guia 3 de html   alineacion y tamaños de fuente Guia 3 de html alineacion y tamaños de fuente Document Transcript

    • Á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.