Formato del texto
Hasta ahora hemos visto cómo formatear el texto, vamos a darle más vidilla a la cosa y empecemos a ver cómo hacer que tenga buen aspecto.
Podemos distinguir dos grandes grupos de códigos de formato HTML, aquellos que tienen por objetivo cambiar el únicamente el aspecto externo del mismo y, los que además de cambiar el aspecto externo tienen por objeto proporcionar al navegador información adicional.
De ésta forma los primeros nos permitirán hacer nuestras páginas más vistosas y los segundos, además de eso (que como ya he dicho no es una cosa secundara, pero casi) nos permitirán resaltar información para personas que por ejemplo utilicen un navegador de sólo texto como Lynx, por tener alguna discapacidad visual, por preferir éste sistema o porque tiene un terminal de texto.
Vamos a verlos...
Códigos con significado
| WS
| Código
| Atributos
| Descripción
|
![[En WebScope]](wsicons/1.gif) |
ADDRESS |
|
Dirección, bien sea postal o electrónica en la que ponerse en contacto, o bien la firma o créditos de un documento. Normalmente se representa en cursiva y se inserta un retorno de línea antes y después del texto. |
![[En WebScope]](wsicons/17.gif) |
CITE |
|
Cita de referencia, bien de una persona o de un texto. Normalmente se representa en cursiva. |
![[En WebScope]](wsicons/17.gif) |
CODE |
|
Indica un fragmento de código. Normalmente se representa con fuente monoespaciada. |
![[En WebScope]](wsicons/17.gif) |
EM |
|
Texto enfatizado, para resaltar su importancia. Normalmente se representa en negrita. |
![[En WebScope]](wsicons/15.gif) |
H1, H2...H6 |
|
Diferentes niveles de títulos en un documento, del H! como más importante al H6 como menos significativo. |
![[En WebScope]](wsicons/17.gif) |
KBD |
|
Se utiliza para indicar texto introducido por el usuario, por ejemplo en las instrucciones de un programa. Normalmente se representa con fuente monoespaciada. |
![[En WebScope]](wsicons/1.gif) |
LISTING |
|
Listado |
![[En WebScope]](wsicons/1.gif) |
PLAINTEXT |
|
Texto simple sin formato. |
![[En WebScope]](wsicons/1.gif) |
PRE |
|
Texto preformateado. Como ya hemos visto el HTML no respeta los retornos de carro, sin embargo con éste código sí lo hará y mostrará su texto interior formateado tal y como esté. |
![[En WebScope]](wsicons/17.gif) |
SAMP |
|
Ejemplo o secuencia literal de caracteres. Normalmente se representa con fuente monoespaciada. |
![[En WebScope]](wsicons/17.gif) |
STRONG |
|
Texto enfatizado, para resaltar su importancia. Normalmente se representa en negrita. |
![[En WebScope]](wsicons/18.gif) |
SUB |
|
Subíndice. |
![[En WebScope]](wsicons/18.gif) |
SUP |
|
Superíndice. |
![[En WebScope]](wsicons/17.gif) |
TT |
|
Texto monoespaciado. |
![[En WebScope]](wsicons/17.gif) |
VAR |
|
Nombre de una variable. Normalmente se representa en cursiva. |
![[En WebScope]](wsicons/1.gif) |
XMP |
|
Texto monoespaciado. Este código es similar a PRE y también respetará el formateo del texto. |
Códigos de formato
| WS
| Código
| Atributos
| Descripción
|
![[En WebScope]](wsicons/20.gif) |
B |
|
Texto en negrita. |
![[En WebScope]](wsicons/24.gif) |
BASEFONT |
Size="1..7" |
Cambia el tamaño base de la fuente que será utilizado por el código FONT. El atributo "Size" es obligatorio por tanto y puede tomar cualquier valor entre 1 y 7 siendo 3 el valor por defecto. |
![[En WebScope]](wsicons/17.gif) |
BIG |
|
Texto con una fuente más grande, en comparación con el que le rodea. |
![[En WebScope]](wsicons/25.gif) |
FONT |
Color="color" Face="fuente" Size="1..7" |
Cambia la fuente utilizada y su formato. El atributo "Color" permite indicar el color del texto, bien en RGB (#RRGGBB) o con un nombre (cyan,blue,red...). "Face" especifica el nombre de una fuente o su familia (Arial, Courier, Helvetica, Times...), pudiéndose indicar varias alternativas separadas por comas. Finalmente el atributo "Size" puede tomar cualquier valor entre 1 y 7 siendo 3 el valor por defecto. |
![[En WebScope]](wsicons/21.gif) |
I |
|
Texto en cursiva. |
![[En WebScope]](wsicons/17.gif) |
SMALL |
|
Texto con una fuente más pequeña, en comparación con el que le rodea. |
![[En WebScope]](wsicons/23.gif) |
STRIKE |
|
Texto tachado. |
![[En WebScope]](wsicons/22.gif) |
U |
|
Texto subrayado. |
Imágenes
|