Formato de texto y Caracteres especialesPROF. EUDES Q.

Formato de texto

El lenguaje HTML permite dar varios tipos de formatos al texto de nuestras páginas. Para ello usa una serie de etiquetas, compuestas todas por una instrucción de inicio y otra de fin, que realizan efectos o formatos diversos en el texto que encierran. Estas etiquetas se dividen en dos grupos: las etiquetas de estilo lógico y las etiquetas de estilo físico.

Etiquetas de estilo físico

Las etiquetas de estilo físico son aquellas que especifican exactamente cómo debe ser formateado el texto que modifican. Es decir, una etiqueta de estilo físico es aquella que dice: ’este texto debe estar en negrita’ sin más, no ofrece al navegador otra posible forma de mostrar ese texto. Este tipo de etiquetas contradice el espíritu descriptivo que debe tener el HTML, por lo que son muy criticados por los puristas de este lenguaje.

Poner un texto en negrita

para ello se usa la etiqueta <B>..</B> como abreviatura de la palabra inglesa Bold que significa, precisamente, negrita. La manera de usar esta etiqueta es como cualquier otra compuesta por instrucción de inicio e instrucción de fin, es decir debe introducirse el texto sobre el que se quiere actuar entre ambas instrucciones.

<B> TEXTO EN NEGRITA</B>

Poner un texto en cursiva

en este caso se usa la etiqueta .. como abreviatura de la palabra inglesa Italics que significa cursiva. Su uso es muy similar al anterior.

<I> TEXTO EN CURSIVA</I>

Poner un texto con letras de tamaño fijo

como el lector sabrá existen diversos tipos de letra (llamadas fuentes) como Times New Roman, Arial,Courier New, etc. En algunos de estos tipos el tamaño de las letras no está prefijado y de esta manera la letra ’i’ no ocupa lo mismo que la letra ’m’. Este es el caso de la fuente Times New Roman que es el usado por la mayoría de los navegadores para mostrar el texto. En la figura 3.2 se muestra ver un ejemplo de este tipo de letra.

< FONT= “Arial” SIZE=“8”> Letra en Arial</FONT>

Tachar una palabra o frase

aunque no es muy común en ocasiones puede ser conveniente que una palabra o frase aparezcan tachadas por una línea horizontal. La etiqueta de HTML que permite hacer esto es <STRIKE>..</STRIKE >, en inglés strike significa ’tachado’ (También se puede usar la abreviatura <S>..</S>) En ocasiones se usa esta etiqueta para simular un texto borrado, por ejemplo:

Yo <STRIKE> CASI </STRIKE> NUNCA me equivoco

Aumentar el tamaño del texto

En ocasiones queremos resaltar una palabra o frase haciendo que esté escrita con una letra de tamaño mayor al texto adyacente. Para ello se usa la etiqueta <BIG>..< /BIG> con cual conseguimos un ligero aumento de tamaño en el texto que es afectado por ella.

Esto es texto normal, <BIG> este es grande <BIG> y este es mayor </BIG> </BIG>

Reducir el tamaño del texto

En otras ocasiones podemos pretender lo contrario: Hacer que una frase sea más pequeña que las anteriores. Para ello se usa la etiqueta SMALL que funciona de manera muy similar a la etiqueta BIG, como podemos ver en su ejemplo:Esto es texto normal,<SMALL>este es pequeño

<SMALL>y este es menor

</SMALL></SMALL>

• Poner subíndices y superíndices

existen dos etiquetas que permiten poner subíndices y superíndices en una página HTML. Estas etiquetas son SUB y SUP respectivamente. Veamos un ejemplo:El 1<SUP>er</SUP>componente químico que estudiamos fue el agua o H<SUB>2</SUB> 0.

poner texto subrayado:

el texto encerrado entre las instrucciones de inicio y fin de la etiqueta U se muestra simple. El nombre de la etiqueta proviene de la palabra inglesa Underline que significa precisamente subrayado. En general un texto se muestra subrayado para resaltar una información importante, por ejemplo:El plazo límite para la entrega de solicitudes es el<U>15 de Junio</U>

Ejercicio práctico (enviar a la nube)

LiteraturaProcesadorSistema operativoEstación de trabajoH²O®Copyright2015

1eroMemoria RAM

Sistema operativoOrientación VOCALH²O®Geografía