Escuela Nacional de Ciencias Comerciales Noé Reyes Computación 6to Perito Contado Lee y resume la siguiente información, puedes practicar desde tu computadora para aprender aún mejor. Debes entregar en hojas, con grapas o gancho según fecha de entrega. Etiquetas comunes en HTML NEGRITA. Existen dos etiquetas que harán que nuestro texto se convierta en negrita. La utilización de cualquiera de ellas es indiferente. La primera es la etiqueta <b> y la otra es la etiqueta es <strong> Cursiva. Para escribir un texto en cursiva debemos utilizar la etiqueta <i> (y por supuesto cerrarla con la etiqueta </i>). También podemos utilizar la etiqueta <em>. Como en el caso de la negrita, es indiferente el uso de una u otra. Subrayado. Si queremos que la palabra o el texto quede subrayado, deberemos rodearlo con la etiqueta <u> y cerrarlo con su correspondiente etiqueta. O sea, </u>. Tipo de letra. Para establecer el tipo de letra hay que incluir dentro de la etiqueta de apertura: FACE="tipo de letra" <FONT FACE="tipo de letra">Texto</FONT> FACE, como todas las propiedades de una etiqueta, se incluye dentro de la etiqueta de apertura, va seguida del signo =, sin espacio intermedio, y después, entre comillas, el valor que queramos: Arial, Helvetica, Times New Roman, etc. A la hora de decidir el tipo de letra hay que tener en cuenta que si la fuente elegida no está instalada en el ordenador de la persona que ve la página, entonces no se mostrará la fuente elegida, sino la que el ordenador de la persona que ve la página tenga por defecto. Por eso se puede establecer más de una fuente Tamaño de letra. Para establecer el tamaño de letra hay que incluir dentro de la etiqueta de apertura: SIZE="tamaño de letra" <FONT FACE="Arial" SIZE="tamaño de letra">Texto</FONT> Otro tipo de como cambiar el tamaño de letra es: <H1>Texto</H1> Color de letra. Para establecer el color del texto hay que incluir dentro de la etiqueta de apertura: COLOR="color del texto" <FONT FACE="Arial" Size="5" COLOR="color del texto">Texto de color rojo</FONT> Fondo de la pagina. Si deseamos poner un color de fondo a toda la página, lo tenemos que hacer dentro de la etiqueta <body> pues afecta a todo el documento. Esto que se escribe dentro de una etiqueta se denomina atributo. Los colores deben escribirse mediante el denominado código hexadecimal que consiste en 6 cifras/letras agrupadas de dos en dos, que nos indican la cantidad de rojo, verde y azul que contiene ese color, o bien, con la palabra inglesa que corresponde al color. Nosotros vamos a poner el color rojo al fondo de la página. Lo conseguimos escribiendo la etiqueta <body> con su atributo como sigue: <body bgcolor="red"> ( bg de background ). Tildes. – UTF-8 (8á á bit Unicode Transformation Format): Es un formato de codificación de caracteres Unicode e ISO 10646, que utiliza símbolos de longitud variable. Está definido como estándar por la RFC 3629 de la Internet Engineering Task Force (IETF). Sus características principales son: • • • • • Es capaz de representar cualquier carácter Unicode. Usa símbolos de longitud variable (de 1 a 4 bytes por carácter Unicode). Incluye la especificación US-ASCII de 7 bits, por lo que cualquier mensaje ASCII se representa sin cambios. Incluye sincronía. Es posible determinar el inicio de cada símbolo sin reiniciar la lectura desde el principio de la comunicación. No superposición. Los conjuntos de valores que puede tomar cada byte de un carácter multibyte son disjuntos, por lo que no es posible confundirlos entre sí. 1. aacute Alineaciones de texto. Es posible alinear elementos en bloque (tablas, imágenes, objetos, párrafos, etc.) en el lienzo con el atributo align. Aunque este atributo se puede establecer en muchos elementos HTML, su rango de valores posibles difiere en ocasiones de unos elementos a otros. Aquí sólo se considera el significado del atributo align para texto. Definiciones de atributos align = left|center|right|justify [CI] Desaprobado. Este atributo especifica la alineación horizontal de su elemento con respecto al contexto circundante. Valores posibles: • • • • left: las líneas de texto se representan con los bordes izquierdos alineados. center: las líneas de texto son centradas. right: las líneas de texto se representan con los bordes derechos alineados. justify: las líneas de texto se justifican en ambos márgenes. El valor por defecto depende de la dirección base del texto. Para un texto de izquierda a derecha el valor por defecto es align=left, mientras que para un texto de derecha a izquierda el valor por defecto es align=right. Etiqueta p. El elemento HTML p inserta un párrafo en el documento. Los párrafos son elementos a nivel de bloque que constituyen una estructura básica de un documento y son usalmente mostrados por los navegadores con márgenes superior e inferior. Los párrafos no pueden contener elementos a nivel de bloque, incluyendo otros párrafos. Debido a su naturaleza presentacional, el atributo "align" de este elemento ha sido desaprobado en HTML 4.01 en favor de las hojas de estilo. Su uso ya no es recomendable. Ejemplo: <html> <head><title> Ejemplo 2 etiquetas comunes</title></head> <body bgcolor=”green”> <FONT FACE="Arial" Size="5" COLOR="color del texto">Texto de color rojo</FONT> <FONT FACE="Arial" SIZE="tamaño de letra">Texto</FONT> <H1>Texto</H1> <FONT FACE="algerian">Texto</FONT> <p align="left"> Este texto está alineado a la izquierda </p> <p align="center"> Este texto está centrado </p> <p align="right"> Este texto está alineado a la derecha </p> <p align="justify"> Este texto está justificado </p> </body> </html> Ejercicio Realice un documento de HTML, que permita mostrar su nombre con negrita, cursiva y subrayado. El siguiente texto color azul, centrado: "Reflexiona sobre tus bendiciones presentes, de las que todo hombre posee muchas; no sobre tus pasadas penas, de las que todos tienen algunas. Charles Dickens" El siguiente texto Coloque tamaño 25, alineación a la derecha: " Amarse a sí mismo es el comienzo de una aventura que dura toda la vida." de nuevo escriba su nombre y coloque tipo de letra comic sans ms. Escribir el código en las hojas o puede imprimir lo realizado.
