El documento describe varias etiquetas de formato de texto en HTML que pueden usarse para dar formato a texto, como ponerlo en negrita, cursiva, tachado, subrayado, y cambiar el tamaño de fuente. Explica cómo usar las etiquetas <B>, <I>, <STRIKE>, <U>, <BIG>, y <SMALL> para aplicar estos formatos a texto seleccionado.
2. 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.
3. 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.
4. 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>
5. 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>
6. 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>
7. 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
8. 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>
9. 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>
10. • 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.
11. 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>
12. Ejercicio práctico (enviar a la nube)
Literatura
Procesador
Sistema operativo
Estación de trabajo
H²O
®Copyright2015
1ero
Memoria RAM
Sistema operativo
Orientación VOCAL
H²O
®Geografía