FORMATO
Existen numerosas etiquetas para el formato de texto, algunas de las cuales no se usan o se usan poco. Esas las dejaremos para el final.
Las primeras, porque las vamos a ver en grupo, son las más usadas como la negrita <B> (bold) y la cursiva <I> (italic), con sus cierres.
|
<BODY>
Esto es <B> Negrita </B> Y esto es <I> Cursiva </I> </BODY> |
Lo que se ve así:
|
Esto es Negrita
Y esto es Cursiva |
Las etiquetas pueden anidarse, es decir, podemos poner para el mismo texto más de una. Ahora, ten en cuenta la colocación ya que, aunque a veces funcionen puestas de cualquier manera, otras veces dan problemas por lo que es mejor hacerlo bien.
|
<BODY>
Esto es <B><I> Negrita y Cursiva </I></B> a la vez. </BODY> |
|
Esto es Negrita y Cursiva a la vez.
|
Las siguientes son <U> (underline) para subrayar y <TT> (teletype) para escritos donde la anchura de las letras sea igual (la "i" ocupa lo mismo que la "m").
|
<BODY>
Esto es <U> Subrayado-Mimosa </U> Y esto es <TT> Monospaced-Mimosa </TT> </BODY> |
Y se verá:
|
Esto es Subrayado-Mimosa
Y esto es Monospaced-Mimosa |
Para poner subíndices tenemos la <SUB> (subscript) y para superíndices <SUP> (superscript).
|
<BODY>
Esta es la fórmula de agua: H <SUB> 2 </SUB> O Y esto es una potencia: 4 <SUP> 3 </SUP> </BODY> |
Que se ve:
|
Esta es la fórmula del agua: H 2 O
Y esto es una potencia: 4 3 |
En cuanto a tamaños tenemos <BIG> (grande) y <SMALL> (pequeño), con la particularidad de que se pueden poner varias seguidas con lo que aumentan o disminuyen más el tamaño, con respecto al predeterminado (que es 3) o al que se haya fijado con anterioridad en otra parte del texto o en la etiqueta <BODY>.
|
<BODY>
Esta es la <BIG> fórmula </BIG> del <SMALL> agua </SMALL> Y esto <BIG><BIG> crece más </BIG></BIG> </BODY> |
Que se verá:
|
Esta es la fórmula de agua
Y esto crece más |
Ahora veremos una cuantas que se usan poco porque, en realidad, pueden ser sustituidas por las que ya hemos visto.
|
<BODY>
Esta es la <STRIKE> tachada </STRIKE> y esta la <EM> cursiva </EM> Esta es la <DFN> definición </DFN> y esta la <ADDRESS> dirección </ADDRESS> Esto <STRONG> negrita </STRONG> y esto <CODE> código </CODE> Esto <SAMP> muestra </SAMP> y esto <KDB> teclado </KDB> Esto <VAR> variable </VAR> y esto <CITE> una cita</CITE> Y esto está <S> tachado </S> y esto <DEL> también </DEL> Esto está en <INS> cursiva </INS> y esto <Q> entrecomillado (netscape) </Q> Y esto como <LISTING> listilla telefónica </LISTING> Esto como <ABBR> abreviatura </ABBR> y esto <ACRONYM> como siglas </ACRONYM> Esto es un <XMP>Ejemplo</XMP> </BODY> |
Y se ve como:
|
Esta es la
Esta es la definición y esta la dirección Esto negrita y esto código Esto muestra y esto Esto es variable y esto una cita Y esto está Esto está en cursiva y esto entrecomillado (netscape) Y esto como Esto como abreviatura y esto como siglas Esto es un |
Podemos observar como no hay variaciones entre las ya vistas y estas, a no ser la <ADDRESS> que pone lo que encierra en cursiva pero tras un salto de carro y <LISTING> (o XMP).
Las etiquetas <DEL> y <INS> pueden llevar el atributo DATETIME para que sepamos cuando se ha hecho la modificación. Sus formatos son <INS DATETIME="2004-05-21T10:12+01:00"> que significa "insertado (o borrado si usamos el DEL) el 21 del 5 del 2004 a las 10 y 12 minutos según el horario UTC – Coordinated Universal Timed mas 1 hora"; o menos complicado <INS DATETIME="2004-04-12"> que es "insertado el 12 del 4 del 2004".
Algo más sobre formato:
Cuando escribimos en el bloc de notas sólo se respeta un espacio en blanco entre palabras. Además, no se respetan los saltos de carro (enter). Simplemente no los hace ni caso. Veámoslo:
|
<BODY>
Esto es un espacio grande Y esto es un salto de carro </BODY> |
Pero se ve así:
|
Esto es un espacio grande
Y esto es un salto de carro |
Cuando no queda más remedio que poner espacios se usa el código &NBSP; (non-breaking space). Se repite las veces que quieras para dejar, por ejemplo, un espacio a la izquierda de la primera frase de un párrafo. Observa que no lleva corchetes y que como todos los códigos va a empezar por "&" y acabar con ";". Se usa en minúsculas.
Para el salto de carro se usa <BR> (break), que sí es una etiqueta que no lleva cierre ya que donde se encuentra, se produce el salto y ya está.
|
<BODY>
Esto es un espacio grande Y esto es un salto de <BR> carro </BODY> |
Se ve:
|
Esto es un espacio grande
Y esto es un salto de carro |
Si queremos dejar más de un espacio en el salto usaremos varias <BR> seguidas o usamos <P>, que veremos en otro capítulo.
Relacionado con esta está la etiqueta <NOBR> y su cierre que hace que lo que haya entre medias no se adapte al tamaño de la pantalla (en mi caso, al tamaño del cuadro) sino que se extienda hasta el final. Aparecerán barras de desplazamiento horizontal. Si intercalamos <WBR>, lo que vaya detrás no obedecerá, es decir, irá a otro renglón (esta última no tiene cierre).
|
<BODY>
<NOBR> Esto se trata de poner algo bastante largo para el cuadro donde está, <WBR> intercalando la otra. </NOBR> </BODY> |
Que se ve:
Una etiqueta horrorosa, que hoy día sólo implementa el Netscape es <BLINK> que consiste en que el texto entre ella parpadea, lo cual es bastante molesto, dicho sea de paso.
|
<BODY>
Este texto <BLINK> parpadea </BLINK > pero sólo si usas Netscape </BODY> |
|
Este texto
pero sólo si usas Netscape |
La <PRE> (preformatted) hace que lo que metamos en medio se vea tal y como lo metemos, y la letra de espaciado fijo como con <TT> (observa lo que ocupa la i en los dos cuadros azules).
|
<BODY>
<PRE> Esto es un dibujillo O O I ~~~ </PRE> </BODY> |
Que se ve, con la etiqueta puesta. Y sin ella:
Esto es un dibujillo O O I ~~~ |
Esto es un dibujillo
O O
I
~~~
|
y <BLOCKQUOTE> que toma los que está en medio como un bloque, sangrándolo por los dos lados y separándolo de lo que haya arriba y abajo, a modo de cita.
|
<BODY>
Esto va con la etiqueta <BLOCKQUOTE> Al vino vinín y revolandín de la bota pifota, pifotín de la bota rota. Y al que no diga que al vino vinín y revolandín de la bota pifota, pifotín de la bota rota, no beberá de este vino ni una sola gota. </BLOCKQUOTE> Y esto no Al vino vinín y revolandín de la bota pifota, pifotín de la bota rota. Y al que no diga que al vino vinín... </BODY> |
Que se verá de la siguiente forma:
|
Esto va con la etiqueta
Al vino vinín y revolandín de la bota pifota, pifotín de la bota rota. Y al que no diga que al vino vinín y revolandín de la bota pifota, pifotín de la bota rota, no beberá de este vino ni una sola gota.Y esto no Al vino vinín y revolandín de la bota pifota, pifotín de la bota rota. Y al que no diga que al vino vinín... |
Y, por último una muy útil, <CENTER> que se puede aplicar a cualquier cosa: tabla, imagen, texto, lista,...
|
<BODY>
<CENTER> Esto va centrado Y esta línea también <HR WIDTH=25%> </CENTER> </BODY> |
|
Y esta línea también |
