Html

Introducción al HTML

Elementos en un documento HTML

En esta guía, a las instrucciones que forman el lenguaje HTML les llamaremos elementos. Otros autores también las denominan "TAGS", o "ETIQUETAS". La notación de los elementos consiste en los símbolos < y > que encierran dentro una instrucción.
Los elementos pueden ser llenos o vacíos.

Elementos llenos

Se forman escribiendo lainstrucción correspondiente seguida del texto al que se quiere aplicar la instrucción y se termina repitiendo la instrucción pero con una barra inclinada inmediatamente antes de la misma.
Por ejemplo, el elemento H1 que sirve para dar el máximo tamaño al texto, se escribirá:
Texto de prueba .
y este sería el resultado:

Texto de prueba

Si olvidas poner todo el resto de la página tendrá elmismo tamaño grande.

Elementos vacíos

Los elementos vacíos se escriben como los llenos, pero no es necesario poner la instrucción repetida al final con una barra. Esto se debe a que estos elementos no producen un efecto sobre el texto. Generalmente se utilizan para separar bloques de texto, y por tanto no es necesario indicar su fin. Empiezan y terminan en el mismo punto.
Por ejemplo, elelemento que sirve para dibujar una linea horizontal en la pantalla, se escribirá:

Y este sería el resultado:

Elementos con argumento

Algunos elementos se escriben con argumento. Es como pasarle parámetros a la instrucción, y se llaman atributos del elemento.
Por ejemplo, el elemento que sirve para hacer un link (enlace) con otro documento o con otra página del actual, se escribirá:
Linkde prueba .
Este es un elemento lleno donde al atributo HREF se le asigna el valor que aparece entre comillas: "http://www.miservidor.es/mifichero.htm". El texto al que afecta este elemento es Link de prueba y realiza un link con el fichero mifichero.htm que está en el servidor www.miservidor.es.
Los elementos pueden escribirse tanto en mayúsculas como en minúsculas. Puede ser preferible laprimera opción ya que aporta claridad al documento fuente, y eso se agradece a la hora de hacer correcciones, pero CUIDADO, el valor de algunos atributos hay que escribirlos EXACTAMENTE como deban ser. En el ejemplo anterior no funcionaría el link si escribiéramos www.miservidor.es en mayúsculas, eso es un nombre de máquina y sería interpretado como OTRA máquina.
Los elementos pueden anidarse unoscon otros, teniendo cuidado de poner los cierres en el lugar adecuado. Por ejemplo, el elemento combinado con que sirve para generar texto en itálica, se escribirá:
Texto de prueba .
y este sería el resultado:

Texto de prueba

Los elementos, en HTML, los puedes escribir tanto en mayúsculas como en minúsculas. Funciona igual que . A la hora de revisar el código escrito, resulta más clarosi se escribieron en mayúsculas, pero si en el futuro hay que convertir la página a otro estándar, como el XHTML, no se admitirán las mayúsculas. Si no piensas migrar a otras tecnologías, hazlo como más cómodo te resulte.

Estructura de una página HTML

Las páginas HTML están estructuradas en dos partes diferenciadas: la HEAD (cabecera) y el BODY (cuerpo).

Ejemplo de página

Si escribes:Documento de prueba

Esto es una "demo" de documento HTML

Esto es el más sencillo de los documentos HTML.

El tipo de documento no es obligatorio a efectos prácticos, es decir que la página se verá igual tanto si lo escribes como si no. Sólo sirve como identificación del tipo de contenido del fichero a los efectos de cumplir las especificaciones de estándar recomendadas por elconsorcio W3C, que es el organismo que regula el lenguaje. Por ejemplo:

Indica que cumple el estándar HTML 4.0

Significa que cumple el estándar HTML 4.0 y, además, no contiene elementos desaconsejables.

Y esta es una definición de marcos que cumple el estándar HTML 4.0:

En el HTML 4.0 se consideran desaconsejables aquellos elementos que, aún siendo soportados, han sido sustituidos por otros...