Sintaxis HTML

Mediante las etiqueta HTML estratégicamente colocados en el texto tu puedes determinar el aspecto final y presentación del documento.

Las etiquetas HTML son códigos que se ponen alrededor de las líneas de texto encapsulandolas con la finalidad de darles cierto aspecto. Indican al navegador como debe lucir cierta parte del texto.

<etiqueta> texto afectado </etiqueta>

Es importante tener en cuenta, que al presentar el documento el navegador cliente hará caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren en el texto fuente.

• Caracteristicas
• Texto normal
• Parrafo P
• Salto de línea BR
• No producir saltos NOBR
• Añadir espacios
• Tabulacion horinzontal <TAB>
• Tabulacion horinzontal <TAB>
• Estilo de títulos Hx
• Línea horizontal HR

1. Caracteristicas

• Las etiquetas HTML no son sencibles a mayúsculas/minúsculas.
• En algunas etiquetas es opcional el cerrado, pero es mejor siempre usarlos para evitar inconsistencias.
• Si un elemento no es soportado por el navegador, simplemente es ignorado.
• Son interpretados en orden de izquierda a derecha, pudiéndose traslaparse entre ellos.
• Es posible añadir atributos de etiqueta en la apertura y los valores asignados. Si no incluye espacio las comillas son opcionales.

Ejemplo de uso:

normal <B>negrita <I>negrita itálica</B> itálica</I> normal.

normal negrita negrita itálica itálica normal.

En HTML5 se recomienda abandonas la etiqueta <B> y en su lugar usar <STRONG>, <MARK>, <EM> o Font-Weight:bold; de CSS.

En este manual todas las etiquetas y parametros fueron escritos en MAYUSCULAS para efectos didacticos de que el lector las reconosca como tales mas facilmente.

Si un navegador no puede interpretar un etiqueta y/o parámetro, simplemente lo ignora, es decir no produce ningún tipo de error.

También quiero hacerte notar que no todos los navegadores presentan de la misma forma las páginas y la única manera de ver realmente el resultado es probando. Por ejemplo algunos solapes de etiquetas no funciona en todos los navegadores y en otros sí, por lo que te recomiendo evitar hacerlo en lo posible, unos ejemplos:

<li><b>... -->&/lt;li> --> funciona
<li><h1>...</h1>&/lt;li> --> no funciona
<h1><li>...&/lt;li></h1> --> no funciona

2. Texto normal

Lo primero que tenemos es el texto normal, entendiendo como tal el que no tiene ninguna característica especial y está libre para que el usuario lo fomatee a su gusto desde su navegador en el momento de visualizar. Al igual que en cualquier procesador de texto se producirán los saltos de línea necesarios para mantener el texto dentro de la ventana del navegador, dependiendo del ancho de la ventana, tamaño de letra etc.

Las líneas en blanco y los espacios son ignoradas por el navegadores, por lo tanto, para dejar una línea en blanco debes usar laa etiqueta <P> ...</P>.

3. Parrafo P

Para definir un párrafo como normal no es necesario poner ningún etiqueta aunque es recomendable enserrar cada parrado entre etiquetas P.

<P>Parrafo normal.</P>

Si queremos obtener múltiples líneas en blanco no basta con repetir la etiqueta <P>, sino que hay que combinarlo con otro etiqueta, por ejemplo con <BR>. Así por ejemplo, si queremos obtener cuatro líneas en blanco, pondríamos poner:

<BR><P><BR><P><BR><P><BR><P>

4. Salto de línea BR

Con esta etiqueta fuerzas un salto de línea simple, es decir la siguiente línea empieza en la línea inmediatamente inferior, respetando la misma sangría.

Una recomentacion en HTML5, es usar en su lugar <BR />, como un estandar para indicar que esta etiqueta no requiere de cierre.

Si esta etiqueta es añadida al lado de una objeto flotante, como una caja, tabla, imagen, etc puedes añadir el atibute CLEAR= para indicar que la línea deberá saltar hasta encontrar la condición adecuada. Los valores posibles son: left, rigth y all.

Las recomendaciones de HTML5 indican evitar usar el atributo CLEAR y reemplazarlo por CSS. Para eso es necesario identificar la etiqueta con el atributo para hacer referencia a ella de manera única con ID=nombre o múltiple con CLASS=nombre.

5. No producir saltos NOBR

6. Añadir espacios &nbsp;

Al escribir el texto, si ponemos más de un espacio en blanco entre dos palabras observamos que el navegador sólo reconoce uno de ellos. Si queremos forzarle a que lo haga, debemos usar la etiqueta &nbsp; (non-breaking space).

7. Tabulación horizontal <TAB>

La etiqueta TAB es usado cuando se quiere un control fino posible la posición horizontal. Para definir el tabulador solo hay que poner la etiqueta <:TAB ID=nombre> en el sitio correcto como si fuera un TABulador y luego con la etiqueta <TAB TO=nombre> puedes llegar a ese sitio.

<CENTER>Este texto está centrado</CENTER>

<!-- Modificado por Tiburón el miércoles 16 de abril -->

<HR>

<HR>

<HR WIDTH=80%>

<HR WIDTH=80% SIZE=12 ALIGN=right COLOR=red>

<HR WIDTH=50% SIZE=20 ALIGN=left COLOR=navy NOSHADE>