HTML

2.2.4.1. Definición de HTML

Según Martínez (2007), el lenguaje de marcas hipertextuales (HTML) es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Fue creado por Berner Lee en base al SGML, gracias a Internet y a los navegadores del tipo Internet Explorer, Opera, Firefox o Netscape, el HTML se ha convertido en uno de los formatos más populares que existen para la construcción de documentos y también de los más fáciles de aprender.

Lamarca (2013), nos dice, que los documentos HTML son archivos de texto plano (también conocidos como ASCII) que pueden ser creados mediante cualquier editor de texto, aunque también existen programas específicos para editar HTML (los editores más conocidos son Mi- crosoft FrontPage, Dreamweaver y Adobe PageMill), concebidos específicamente para editar páginas web en HTML.

Los archivos de HTML se leen en un navegador web tal como Microsoft Explorer, Mozilla, etc. La presentación de la página es muy dependiente del navegador o browser utilizado ya que el mismo documento no produce el mismo resultado en la pantalla si se visualiza con uno u otro, o sea, HTML se limita a describir la estructura y el contenido de un documento, y no el formato de la página y su apariencia.

Así pues, existen dos herramientas fundamentales e imprescindibles asociadas al lengua-

BIBLIOTECA

DE CIENCIAS

FÍSICAS

je HTML, por un lado, los editores HTML (para crear documentos HTML) y, por otro, los navegadores (para visualizar dichos documentos).

Para crear documentos HTML sólo es necesario:

• Un procesador de textos o un editor de documentos HTML.

• Un navegador del WWW o lo que se denomina "programa cliente"que permite el acceso a páginas WWW de Internet.

2.2.4.2. Editores

Los documentos HTML están en formato de texto sencillo, por eso se puede utilizar un simple procesador de textos para escribir un documento en lenguaje HTML. El texto escrito tiene dos partes bien diferenciadas, el contenido de la información y el conjunto de etiquetas del lenguaje HTML, que permiten determinar el estilo y el tipo de letra que tendrá la presentación del documento final y que pueda ser leído por un programa cliente.

En la actualidad no se precisa conocer el lenguaje HTML en sí mismo a la hora de crear un hipertexto en la Web, pues los editores de HTML actuales simplifican enormemente la labor y ya no hay que trabajar con texto plano y etiquetas en código HTML, sino que los programas de edición ofrecen la posibilidad de disponer y ver la página mientras se crea y de insertar los comandos HTML y sus atributos de forma automática. Además, se ha generalizado la interfaz CGI o Common Gateway Interface, que posibilita que el navegador pueda trabajar conjunta- mente con el servidor.

Los editores permiten también la inserción de elementos multimedia: imágenes, audio, ví- deo, javascripts, etc; e incluso ofrecen plantillas de páginas con modelos de páginas personales

BIBLIOTECA

DE CIENCIAS

FÍSICAS

o corporativas, y estilos predeterminados para dar homogeneidad a todo un sitio web. Los pro- gramas más recientes se orientan no sólo al formato físico de la WWW, sino también a su estructura y de esta forma es posible explorar y jerarquizar los nodos, mostrar las relaciones entre ellos, indicar la localización de los puntos de origen y destino de cada enlace, crear de forma automática tablas de contenido de la web, índices, etc.

Los editores HTML se clasifican en 3 tipos:

1) Wysywyg (What you see is what you get - Lo que ves es lo que obtienes): Son editores que muestran en pantalla de forma inmediata lo que se va creando. Son muy útiles para apreciar los colores y la disposición de los elementos.

2) No Wywywyg: Editores que necesitan una aplicación externa (el navegador o browser)

para mostrar lo que se va creando. Son útiles para recordar los comandos HTML y sus atributos.

3) Mixtos:Presentan la pantalla dividida en dos ventanas, una con el código HTML y otra con el resultado final, o permiten la visualización de ambos en ventanas diferentes que se pueden visualizar de forma alternativa.

2.2.4.3. Etiquetas del Lenguaje HTML

HTML utiliza marcas o etiquetas compuestas de códigos enmarcados por los signos <>. Cualquier documento HTML comienza con la etiqueta <html>y termina con la etiqueta </html>. Dentro existen dos zonas bien identificadas: el encabezamiento, que se identifica con la etiqueta <HEAD>y </HEAD>y sirve para definir una serie de valores válidos en todo el documento, y el cuerpo del documento, representado por etiqueta <BODY>y </BODY>que muestra la infor- mación del documento.

BIBLIOTECA

DE CIENCIAS

FÍSICAS

Dentro del encabezamiento, la etiqueta principal es la del título, representado por la etiqueta <TITLE>, este elemento permite especificar el título de un documento HTML. En el cuerpo del documento se pueden establecer diferentes categorías utilizando diversos tamaños de fuentes y estableciendo así la estructura básica del documento. Dentro del cuerpo se coloca el contenido de la página web: textos, imágenes, tablas, formularios, etc. La información se puede estructurar en párrafos y/o secciones con cabeceras de distinto nivel, enlaces a otras partes del mismo documento, a documentos distintos, o a documentos que estén en distinto servidor, etc.

Pero, sin duda, los elementos más característicos del lenguaje HTML y que dotan a los documentos con él creados de la característica hipertextual, son las anclas o anclajes utilizados para establecer los enlaces, ya se trate de texto o gráficos. Para fijar un enlace, se debe enmarcar el texto que aparecerá subrayado para que el usuario pueda pulsarlo y le redirija a la dirección o URL marcada. La etiqueta ancla debe incluir el parámetro href=URL y el texto para pulsar. Si se trata de imágenes, éstas se insertan mediante la etiqueta src=URL. Existen una gran cantidad de etiquetas, muchas de ellas pueden contener elementos y atributos que realizarán una función u otra según la voluntad del autor.

Así pues, en la Figura 2.6 se muestra la estructura que todo documento HTML debe poseer para su correcto funcionamiento.

BIBLIOTECA

DE CIENCIAS

FÍSICAS

Figura 2.6:Estructura de un documento HTML. Fuente: Elaboración propia.

2.2.4.4. Ventajas y Desventajas de HTML

1) Ventajas:

a) Es un lenguaje sencillo, fácil de aprender, de leer y de interpretar.

b) Existen numerosas aplicaciones y editores de páginas web que generan el código automáticamente, por lo que no es necesario ser un experto informático para hacer páginas basadas en HTML.

c) Su sencillez hace que pueda diseñarse y desplegarse un sitio web en muy poco tiempo.

d) Es el lenguaje más extendido, todos los navegadores lo admiten. e) Código visible e interpretable por los buscadores.

2) Desventajas:

a) Es un lenguaje estático que no permite manejar bases de datos.

b) Las páginas pueden variar su aspecto dependiendo del navegador (es un lenguaje interpretado).

BIBLIOTECA

DE CIENCIAS

FÍSICAS

c) Su funcionalidad es limitada, hay muchas cosas que no se pueden hacer solo con HTML.

d) El diseño de las páginas también está limitado aunque con HTML5 ha mejorado bastante.