HTML (siglas de HyperText Markup Language), es un lenguaje de marcación de hipertexto que se utiliza como la manera estándar para crear páginas web. Es usado para describir la estructura y el contenido de una página web, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de etiquetas (tags), rodeadas por corchetes angulares (<,> por ejemplo: <p>, <html>, <a>, <img>, etc).

La última versión (aun en borrador, al escribir esto, en marzo de 2012) es HTML 5. Si bien en las primeras versiones también se usaba el HTML para dar formato a las pagínas eso ya es considerado obsoleto y una mala práctica y para ese fin se utilza CSS (Hojas de estilo de cascada). Para más información sobre CSS, vaya al apartado CSS

La estructura o esqueleto que debe tener toda página html es la siguiente:

<!DOCTYPE html>
<html>
    <head>
        <title>Una página HTML</title>
        <meta http-equiv="Content-Type" 
                 content="text/html; charset=UTF-8">
    </head>
    <body>
       <!-- Aqui irá el contenido -->
    </body>
</html>

La primera sentencia :

<!DOCTYPE html>

no es una etiqueta HTML, sino una instrucción al web browser que le indica que tipo de documento esperar. Si usamos HTML 5 la declaración debe ser la escrita arriba y debe ser siempre la primera cosa en el documento HTML, antes de la etiqueta <html>.

En HTML 4.01, todas las declaraciones <!DOCTYPE> requieren una referencia a un DTD, porque HTML 4.01 estaba basado en SGML. HTML 5 no se basa en SGML, y por lo tanto no requiere una referencia a un DTD.

 

En HTML 4.01 hay tres diferentes declaraciones <!DOCTYPE>:

Strict

Contiene todos los elementos y los atributos de HTML, pero NO INCLUYE elementos obsoletos de presentación o formateo (como <font> o <center>). No se permiten Framesets.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
                       "http://www.w3.org/TR/html4/strict.dtd">

Transitional

Contiene todos los elementos y los atributos de HTML, INCLUYENDO elementos obsoletos de presentación o formateo (como <font> o <center>). No se permiten Framesets.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                        "http://www.w3.org/TR/html4/loose.dtd">

Frameset

Este DTD es igual al DTD de HTML 4.01 Transitional, pero permite el uso de framesets.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
                         "http://www.w3.org/TR/html4/frameset.dtd">

En HTML 4.01 tambien existen 3 DTD para XHTML (HTML expresado como XML válido), donde la escritura de las etiquetas deben ser escritas como XML bien formado. Para mayor información ver XML

XHTML 1.0 Strict

Contiene todos los elementos y los atributos de HTML, pero NO INCLUYE elementos obsoletos de presentación o formateo (como <font> o <center>). No se permiten Framesets. El documento debe ser escrito como XML bien formado.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

Este DTD contiene todos los elementos y atributos de HTML, INCLUYENDO elementos de presentación y obsoletos (como font). Framesets no son permitidos. El marcado debe ser escrito como XML bien formado.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

Este DTD es igual al XHTML 1.0 Transitional, pero permite el uso de framesets.

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

Este DTD es igual al XHTML 1.0 Strict, pero permite agregar módulos (por ejemplo para proveer soporte ruby para lenguajes del este de Asia).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
En HTML 5 sólo hay una declaración, que como se ve es mucho mas sencilla:
<!DOCTYPE html>
respag   
Panamá © 2012
Haga su donación para colaborar con La Escuela del Programador

La Escuela del Programador es un sitio web sin anuncios, sin ánimo de lucro, no es un sitio web comercial. Es el sueño de compartir con todos, muchos años de una gran pasión. Si realmente encuentra este sitio útil y lo aprovecha, le pido su generosa y no importa cuán modesta colaboración, simplemente para afrontar los costos de mantener este sitio disponible en internet.
No deseo lucrar con este sitio, ya que lo hago desinteresadamente, sólo le pido que, si puede, aporte (desde un dólar hasta lo que crea que puede dar), para afrontar los costos de dominio y hosting. Muchísimas gracias y ojalá juntos podamos hacer un sitio que sea una buena fuente de aprendizaje de programacíon en español.

Si no se siente en condiciones de colaborar, igualmente será bienvenido al sitio, es libre para todos y será un placer que encuentre mis artículos provechosos, pero si realmente me ayuda con una donación minima, seguramente, colaborará para que La Escuela del Programador se mantenga en la Web y crezca, conviertiendo a este sitio hecho con mucha pasión, dedicación y esfuerzo, en una buena fuente de aprendizaje.

Mis saludos cordiales y gracias por interesarse en mi sitio.

Rubén E. Spagnuolo
respag
Panamá - © 2012