Etiqueta Html

Etiqueta HTML

El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.

Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo:

<B> Letra Negrita, del inglés Bold (negrita).

<TABLE> Definirá una tabla.

<IMG> Inclusión de una IMaGen.

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.

<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>

Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos.

El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal.

Atributos de las Etiquetas 


Las etiquetas pueden presentar modificadores que llamaremos atributos que permitirán definir diferentes posibilidades de la instrucción HTML. Estos atributos se definirán en la etiqueta de inicio y consistirán normalmente en el nombre del atributo y el valor que toma separados por un signo de igual. El orden en que se incluyan los atributos es indiferente, no afectando al resultado. Si se incluyen varias veces el mismo atributo con distintos valores el resultado obtenido será imprevisible dependiendo de como lo interprete el navegador. Cuando el valor que toma el atributo tiene más de una palabra deberá expresarse entre comillas, en otro caso no será necesario.

Etiquetas correctas 


Todo texto que se encuentre entre los caracteres < y > se considerará una etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no será tenida en cuenta, sin causar ningún tipo de error. Dejándose el texto o las etiquetas a las que afectaba como si no existiera la etiqueta extraña. Cuando se comete un error sintáctico al expresar una etiqueta o un atributo no se producirá ningún error, simplemente no de obtendrá el efecto que deseábamos.

El lenguaje HTML es un lenguaje que evoluciona muy rápidamente y cada nueva versión de los programas navegadors presenta etiquetas nuevas que causan efectos más espectaculares o atributos nuevos de las etiquetas ya existentes. Esto causa que los programas más antiguos no entiendan estas nuevas etiquetas y por tanto las considere erróneas y no realice la acción que deseábamos. Dándose el caso de atributos que son validos solo para un único navegador.

Cuando creemos código HTML hay que hacerlo lo más estándar posible para permitir que el documento pueda ser visto de forma efectiva por distintos navegadores en maquinas distintas. Por tanto debemos renunciar a efectos espectaculares que solo tienen validez en un navegador e intentar comprobar como se ve el documento en una variedad de navegadores, ya que las personas que se conectan a nuestras páginas no tendrán en la mayoría de los casos el mismo que nosotros. También es interesante como se vería el documento en los distintos tamaños de la ventana del navegador, teniendo en cuenta que todos no tienen un monitor con la misma resolución.

En este manual se han tratado de incluir las características más estándar de HTML y en caso de tratarse de instrucciones más particulares se indicará convenientemente.

Categoría Semántica

Comentarios <!comentario >

Estructura de documento <html> <head> <body> <title> <meta>

<h1> <h2> <h3> <h4> <h5> <h6>

<div> <span>

Párrafos y líneas <p><br>

Listas <ul> <li> <dl> <dt> <dd>

Tipos de letra <b> <font> <i> <b> <u> <sub> <sup>

Enlaces <a>

Imágenes <img>

Tablas <table> <tr> <th> <td> <caption>

Formularios <form> <input> <select> <option> <textarea>

Etiqueta Explicación

<HTML>...</HTML> Indica al navegador que este archivo es un documento HTML. </HTML> significa el final del documento.

<HEAD>...</HEAD> Principio del encabezado. El encabezado puede contener otro material adicional que no es mostrado en la página. Pueden ser comentarios y meta-tags que proveen información a los navegadores y motores de búsqueda acerca del documento. </HEAD> significa el final del encabezado.

<TITLE>...</TITLE> Este indica el inicio del título de su página de inicio, el cual no se muestra en el documento.

</TITLE> indica el fin del título.

<BODY BGCOLOR="FFFFFF">...<\BODY> Le indica al navegador que aquí empieza el cuerpo del documento y que el fondo es blanco. </BODY> indica el fin del cuerpo del documento.

<CENTER>...</CENTER> Alinea en forma central lo que esté entre ellos <CENTER> y </CENTER>.

<IMG SRC="clouds.jpg" ALIGN="BOTTOM"> Esta etiqueta inserta una imagen, en este caso llamada

...