Introducción a HTML - Etiquetas, tags y atributos

HTML es el lenguaje que se emplea para crear páginas web.

Un código escrito en este lenguaje es, básicamente, un texto que el navegador (Internet Explorer, Firefox, Google Chrome, Opera o cualquier otro) mostrará en formato página web.

Este texto puede generar color, tamaño y fuente de letra, fondos imágenes, hiperenlaces y entradas de dato, así como listas de selección, botones, etc., determinados y configurados mediante los identificadores, también llamados tags.

Un identificador o un tag es una marca que permite fijar los atributos del tamaño, posición y comportamiento del texto y/o las imágenes de la página web.

Por regla general, los identificadores constan de una apertura  (cuando se establecen sus características) y un cierre (cuando deben dejar de hacer efecto)  y restablecer las características originales); sin embargo, por su propia naturaleza algunos identificadores no tienen cierre.

El formato  base de un identificador  es <identificador [atributo]>.

Esto significa que para incluir un identificador en un código fuente HTML se teclea el paréntesis angular apuntando a la izquierda <, el nombre del identificador, los atributos si proceden (sin corchetes) y el paréntesis angular  apuntando a la derecha >.

Para cerrar el identificador, se usa el formato </identificador> sin atributos, pero incluyendo la barra / entre el primer paréntesis angular y el nombre del identificador.

El texto comprendido entre ambos identificadores (el de apertura y el de cierre es el que se verá afectado por dichos identificadores.

Los identificadores de texto, de imágenes e hiperenlaces se pueden combinar para mejorar el resultado final.

A su vez, en un identificador,  los distintos atributos tanto opcionales como obligatorios (algunos lo son) pueden combinarse en la misma línea o en otras líneas, a fin de obtener el efecto deseado en cada momento.

Existen muchos atributos  y algunos tags que tienen un efecto redundante y que no todo el mundo conoce.

Existe una serie de tags que han sido desaprobados por el consorcio W3C.

El motivo de esta desaprobación es que existen otros modos más eficientes.

Sin embargo, el que un tag esté desaprobado no significa que no deba usarlo, ni mucho menos. De hecho en el documento, hablo de alguno de ellos de uso muy común en la actualidad y en el futuro.

Es importante que entienda el alcance de la palabra “desaprobado” tiene en este contexto.

Los tags desaprobados no desaparecerán, ni los navegadores dejarán de reconocerlos, en muchísimo tiempo. El uso de estos tags no representa, en modo alguno, un peligro inminente para sus páginas.

Simplemente es una mera referencia. Aunque si es importante que conozca a fondo, y emplee adecuadamente, las hojas de estilo en cascada.

Echará en falta también alguno de los atributos de muchos tags, en la primera parte. Esto es porque esos atributos no se usan en HTML básico, sino en HTML dinámico y, más concretamente, en lenguajes de script.

Existen algunos tags de HTML, no normalizados por el Consorcio, que sólo funcionan en un navegador en específico (Explorer, Firefox, etc.).

Para escribir un código en HTML, necesitaremos  un editor de texto plano, es decir, que no introduzca caracteres no deseados en el código. Por ejemplo, el bloc de notas de Windows (salvo, claro está, que usted use otro sistema operativo).

Más adelante cuando se encuentre más familiarizado con la edición de texto plano, podrá optar por otros editores más potentes y flexibles, pero, al principio, el bloc de notas resulta muy cómodo.

HTML realmente no es un lenguaje de programación, en el estricto sentido de la palabra, ya que por su propia naturaleza, no implementa algunas funciones básicas de cualquier lenguaje de programación, como, por ejemplo, acceso a base de datos, funciones de edición gráfica, etc.

Sin embargo, resulta imprescindible para introducirse en el diseño de páginas web.

HTML no es sensible al uso de mayúsculas y minúsculas. Funcionará igual si tecleamos los tags y sus parámetros (también llamados atributos) en mayúsculas, minúsculas o combinación de ambas. Por supuesto, esta norma (como todas en la vida) tiene una excepción.

Como regla general, nos acostumbraremos a escribir los tags y sus atributos (así como los valores de estos) en minúsculas. La razón de esto es que, después de estudiar HTML y DHTML, podremos estudiar PHP  y éste Sí obliga al uso de minúsculas así que mejor nos vayamos acostumbrando. 

En cualquier caso hablaremos de HTML como lenguaje por excelencia para la creación de páginas web. Hoy en día, todas las páginas que encontramos en la red implementan además, otras tecnologías, como son CSS,  JavaScript, Jquery, AJAX, JSON, PHP, ASP, etc. 

Sin embargo, absolutamente todas tienen una base de HTML sobre la cual, a su vez, se implementan esas otras tecnologías.

Por lo tanto, si queremos dedicarnos al diseño y creación de páginas web ya sea para crear nuestra propia página  o para trabajar en el sector es imprescindible un profundo conocimiento de HTML.

Este documento está diseñado para enseñarle a crear sus propias páginas web y a publicarlas. En este terreno empezamos desde el principio y luego vamos incrementando progresivamente la dificultad de los temas tratados.

Para leer este documento, no se nececitan conocimientos previos de desarrollo de páginas web. Sin embargo, sí cuento con que se encuentra usted  familiarizado con el uso de navegadores a nivel de usuario, es decir que ya ha tenido contacto con la navegación en internet.

Las enseñanzas impartidas en la obra se refieren a la última versión vigente de XHTML 1.1 junto con las nuevas propiedades de HTML5. Desde su propio punto de vista, esto significa contar con las últimas versiones de los navegadores más populares.

En la segunda parte estudiaremos dos de los pilares fundamentales del HTML y DHTML. Vamos a empezar por el principio, con los primeros pasos en HTML.