Formato WEB

Encabezados:
Si queremos un titulo preformateado, deberemos utilizar la etiqueta <h>, seguida de un número que sea del 1 al 6.

<h1>Primero</h1> se vera como
Primero

<h2>Segundo<h2> se vera como
Segundo

<h3>Tercero<h3> se vera como
Tercero

Note que las cabeceras, cada vez son mas pequeñas, es decir, a mayor numero de cabeceras, mas chicos serán los textos.

Formatos de los Textos
Para cambiar el tipo de letras, deberemos utilizar la etiqueta <FONT>, seguido de FACE, así si queremos darle un tipo de letra Arial, tendríamos que introducir la etiqueta:

<font face="arial">

Es recomendable, utilizar mas de un tipo de letra, ya que si la computadora o ordenador del usuario que entra en nuestra página no posee ese tipo de letra, utilizara por defecto Time New Roman.
Para introducir mas de un tipo de letra, las deberemos separar con coma y un espacio.

<font face="arial, comic sanz, verdana">

En este caso, el navegador buscara primero el tipo de letra arial, si no lo encuentra buscara comic sanz, y en caso de no encontrarlo buscara verdana.
Para cambiar el color a las letras, se utiliza la etiqueta COLOR (vea el capitulo PAGINA PRINCIPAL), seguido del color ya sea numérico o la palabra en ingles. También podemos cambiar el tamaño de la letra con la etiqueta SIZE, seguido del tamaño de la misma; estos valores van desde -9 a -1, cero y desde 1 al 9

<font face="arial, comic sanz, verdana" color="#000099" size="2" > o este
<font face="arial, comic sanz, verdana" color="blue" size="-4" >

También se le puede dar un resalte o estilo para destacar algo, como son las etiquetas:

<b>negrita</b>
<u>subrayado</u>
<s>tachado</s>
<i>italiana</i>

Si queremos escribir, como si fuera una máquina de escribir, utilizaremos la etiqueta <TT>texto</TT>, la etiqueta <PRE>texto</PRE>, es igual que la anterior, pero cambia el tipo de letra.
Para los amigos que utilizan Netscape Navegator, pueden poner un texto parpadeante.
** Tengan en cuenta que el Internet Explorer no funcionara. **
La etiqueta que se utilizara será:

<blink>texto que parpadea</blink>

Si usted lo ve que parpadea, es por que esta usando Netscape.
Muchas veces necesitamos que un texto tenga superíndice( <SUP></SUP> ) o subíndice(<SUB></SUB> ), así que lo podremos usar de la siguiente manera:

Ejemplo de superíndice
mts<sup>2</sup> = mts2

Ejemplo de subíndice
H<sub>2</sub>O = H2O

También podemos agrandar o achicar el texto, si utilizamos la etiqueta <SMALL></SMALL>, el texto se vera mas pequeño y con la etiqueta <BIG></BIG>, el texto se agrandara.
Podemos poner varios small o big, para verlo súper chico o súper grande.
Vea esto:

Texto Normal

<BIG>Texto Grande </BIG>

<BIG><BIG>Texto Súper Grande</BIG></BIG>

<CITE>Cita, Por lo General un Titulo en Letra Cursiva</CITE>

<EM>Enfasis, Letra Cursiva</EM>

<KBD>Texto KBD(KEYBOARD), similar a TT</KBD>

<SAMP>Caracteres Literarios</SAMP>

<small>Texto Pequeño</small>

<small><small>Texto Mas Pequeño</small></small>

<strike>Texto Strike </strike>

<STRONG>Denota Enfasis Fuerte </STRONG>

<VAR>Lugar de una variable</VAR>

Separadores o Líneas de separación:
En ingles son llamados rules, para introducirla deberemos utilizar la etiqueta <hr>.
Esto creara una línea de lado a lado.

Para darle color a la línea, deberemos especificarla el color que queremos <hr color="#color de la linea">
Veamos una línea en color rojo <hr color="#ff0000"> o bien <hr color="red">

Si queremos que la línea no nos abarque de punta a punta de la página, podremos darle el tamaño que quieramos con el parámetro WIDTH, así como podremos alinearla igual que los textos con el parámetro ALIGN.
La etiqueta, quedara modificada de la siguiente manera:

<hr color="#0000ff" width="300" align="center">

Podremos cambiar el tamaño con Width, el alineado con Align ( left, right o center ) o el color con Color.
Ahora si lo que queremos, es que la barra tenga un espesor mayor, lo podremos hacer con la etiqueta SIZE seguido de igual y el numero entre comillas.

<hr color="#0000ff" width="300" align="left" size="30" >

También podemos eliminar el efecto de sombra y tridimensional de la barra con el atributo NOSHADE, vea como queda.

<hr color="#00ff00" width="300" align="center" noshade>


Acá veremos un ejemplo de utilización de los códigos (copielo en el Bloc de Notas si quiere probarlo y guardelo con la extensión HTM).

<html>
<head>
<title>Primera pagina</title>
</head>
<body bgcolor="#ff0000" bgProperties="fixed">
<br><br> <center><h1><br>Este es el Encabezado</h1></center>
<br> <hr color="#0000ff" width="300" align="center"><br>
<br><div align="center"><b><u>H<sub>2</sub>O</u></b></div><br>
<hr color="#0000ff" width="300" align="center">
<br> <font face="arial, comic sanz, verdana" color="maroon" size="-4"><br>
Acá podrá ver el texto con el tamaño, color y tipo pre determinados</font>
</body>
</html>

Sin autorización, se prohibe la reproducción parcial o total del manual.