Saltar la navegación

6.3. HTML (HyperText Markup Language)

En 1989/90 Tim Berners-Lee creó el World Wide Web y se encontró con la necesidad de organizar, enlazar y compatibilizar gran cantidad de información procedente de diversos sistemas. Para resolverlo creó un lenguaje de descripción de documentos llamado HTML, que, en realidad, era una combinación de dos estándares ya existentes:

  • ASCII: es el formato que cualquier procesador de textos sencillo puede reconocer y almacenar. Por tanto es un formato que permite la trasferencia de datos entre diferentes ordenadores.
  • SGML: lenguaje que permite dar estructura al texto, resaltando los títulos o aplicando diversos formatos al texto.

HTML es una versión simplificada de SGML, ya que sólo se utilizaban las instrucciones absolutamente imprescindibles. Era tan fácil de comprender que rápidamente tuvo gran aceptación logrando lo que no pudo SGML, HTML se convirtió en un estándar general para la creación de páginas web.

HTML define un formato para describir la visualización de la información en una página web y es muy sencillo. Su sencillez ha sido uno de los factores que ha llevado a la rápida popularidad del World Wide Web al tiempo de Internet. Es uno de los motivos por los que cada día se generan millones de páginas web nuevas.

Además, tanto las herramientas de software como los navegadores que permiten visualizar páginas HTML son cada vez mejores.

A pesar de todas estas ventajas HTML no es un lenguaje perfecto, sus principales desventajas son:

  • No soporta tareas de impresión y diseño.
  • El lenguaje no es flexible, ya que las etiquetas son limitadas.
  • No permite mostrar contenido dinámico.
  • La estructura y el diseño están mezclados en el documento.

Ejemplo

Documento HTML:

<html>

    <head>

        <title> Ejemplo de código HTML</title>

    </head>

    <body bgcolor="#ffffff">

        <p></p>

        <p>

            <b>20 de octubre de 2010</b>

        </p>

        <p><b> Bienvenido al modulo de “Lenguajes de Marcas y Sistemas de Gestión de Información” </b></p>

        <p> En este curso aprender&aacute;s, entre otras cosas:<br/>

        <ul>

            <li>Las ventajas que ofrece XML </li>

            <li>La creaci&oacute;n de documentos bien formados </li>
            <li>La creaci&oacute;n de DTD</li>

        </ul>

        </p>

    </body>

</html>

Al publicarlo en un navegador, tendríamos:

Ejemplo HTML

Para ver el resultado de este ejemplo, seguir los siguientes pasos:

  1. Copiar el código html en un editor de texto (por ejemplo el bloc de notas de Windows).
  2. Guardar y nombrar el fichero con extensión .html. Por ejemplo: LMSGI01_Ejemplo01.html
  3. Abrir el fichero html creado desde un navegador web.

Creado con eXeLearning (Ventana nueva)