|
Existen
dos tipos de formato para los caracteres: Los formatos físicos
y los formatos lógicos.
Formatos físicos:
Son
los que ordenan como se va a presentar el texto. Son formatos
físicos por ejemplo la negrita, el subrayado... Aqui tenemos una
lista de algunos de ellos.
| <B>
... </B> |
Negrita |
<SUB>
... </SUB> |
M Subíndice |
| <I>
... </I> |
Cursiva |
<SUP>
... </SUP> |
M Superíndice |
| <U>
... </U> |
Subrayado |
<TT>
... </TT> |
Máquina escribir |
| <S>
... </S> |
Tachado |
Ejercicio: En
el siguiente ejercicio veremos claramente como utilizar estas
etiquetas de formato físico, así que como siempre abriremos el
Bloc de notas (Notepad) y escribiremos el siguiente código:
<HTML>
<HEAD>
<TITLE>Formatos físicos</TITLE>
</HEAD>
<BODY>
<B>Este texto esta en
negrita</B>
<I>en cambio este esta en cursiva</I>
<U>tambien se puede subrayar</U>
<S>y tachar</S>
<B><I><U>Se pueden usar</U>
varios a</I> la vez</B>
Ejemplo de superíndice: 6<SUP>2</SUP>=
36
Ejemplo de subíndice: X<SUB>1</SUB>
+ X<SUB>2</SUB>
= Z
</BODY>
</HTML>
En
las tres primeras frases está muy clara la utilización de las
etiquetas, se abre justo antes de la frase que quieres que tenga
el formato indicado en la etiqueta y se cierra inmediatamente
despues. Pero vamos a observar detenidamente la frase "Se
pueden usar varios a la vez".
Lo que aquí vemos es que se pueden anidar
este
tipo de etiquetas (se pueden usar al mismo tiempo). A la hora
de anidar las etiquetas es muy importante tener en cuenta el orden
de apertura y de cierre de ellas, así que si abro primero la negrita,
luego la cursiva y por último el subrayado (ver código en el Ejercicio
2) deberé tener en cuenta que debo cerrar primero la última que
abrí, esto es, el subrayado, luego cerraré la cursiva y por último
la negrita.
Guardaremos
este ejercicio como ejer2.htm y lo ejecutaremos,
este debe ser el resultado.
Seguro
que viendo el resultado os habrá sorprendido el que todas las
frases se visualicen una tras otra y no una en cada linea como
esperabais, y es que hay que indicarle al navegador cuando queremos
saltar de linea. Esto se hace mediante la etiqueta <BR>,
que dada su concreta función es una etiqueta que no tiene etiqueta
de cierre.
Ejercicio:
Vamos a utilizar la etiqueta <BR>
usando el ejercicio anterior:
<HTML>
<HEAD>
<TITLE>Formatos físicos</TITLE>
</HEAD>
<BODY>
<B>Este texto esta en
negrita</B><BR>
<I>en cambio este esta en cursiva</I><BR>
<U>tambien se puede subrayar</U><BR>
<S>y tachar</S><BR>
<B><I><U>Se pueden usar</U>
varios a</I> la vez</B><BR>
Ejemplo de superíndice: 6<SUP>2</SUP>=
36<BR>
Ejemplo de subíndice: X<SUB>1</SUB>
+ X<SUB>2</SUB>
= Z
</BODY>
</HTML>
Guardamos
como ejer2bis.htm, lo ejecutamos y comprobamos
que nos da este mismo resultado.
Formatos lógicos:
Son
los que dan una cierta calidad al texto y se apreciarán dependiendo
del navegador.Aqui tenemos una lista de algunos de ellos.
| <CITE>
... </CITE> |
Texto con formato cita |
| <DFN>
... </DFN> |
Texto con formato definición |
| <CODE>
... </CODE> |
Texto con formato código |
| <KBD>
... </KBD> |
Texto con formato teclado |
| <SAMP>
... </SAMP> |
Texto con formato ejemplo |
| <VAR>
... </VAR> |
Texto con formato variable |
|
Dando formato al texto.