Guía básica de HTML
Por Alexander P.

HTML, siglas de HyperText Markup Language, es el lenguaje de marcado predominante para la elaboración de páginas web. Es utilizado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (como Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.


Estructura

La estructura y composición comunes de una línea de código HTML es la siguiente:

<etiqueta atributo="variable">contenido</etiqueta>
  • Etiqueta: Es la que llama, inicia, y termina una función en concreto. El nombre de la etiqueta define esta función. Esta etiqueta debe ser cerrada tras el contenido o sobre sí misma.
  • Atributo: Es el que complementa a la etiqueta y su función. Define con más detalle los resultados esperados por ésta. Pueden haber varios atributos en una etiqueta, así como ninguno, dependiendo de la etiqueta en cuestión. Todo atributo contiene una variable.
  • Variable: También llamada "valor", es la propiedad que se le asigna al atributo. Puede ser un número, un código, palabras, un dato binario ("0,1"; "yes,no"; "true,false"), etcétera, dependiendo del atributo. No debe estar ausente, ya que un atributo sin variable se considera nulo.
  • Contenido: En muchos casos, una etiqueta requiere que un elemento visible sea especificado, fuera de ésta. Puede ser texto sin formato, otra línea o grupo de líneas de código HTML, etc.
<etiqueta />
Esta etiqueta está cerrada sobre sí misma. Las etiquetas que permiten ser cerradas de esta forma, al hacerlo, no admiten contenido, y comúnmente (pero no siempre), no admiten atributos. Ejemplos:
  • BR: Debe siempre cerrarse sobre sí misma. No acepta contenido ni atributos.
  • HR: Debe siempre cerrarse sobre sí misma. No acepta contenido, pero sí atributos.
  • P: Puede ser cerrada sobre sí misma. En caso de cerrarse tras el contenido, su función es distinta y admite atributos.

Requisitos Mínimos

A la hora de crear una página web, ésta debe tener el siguiente código como mínimo:

<html>
  <head>
    <title>Título del documento</title>
  </head>
  <body bgcolor="#FFFFFFtext="#000000">

    Cuerpo del documento.

  </body>
<html>

Donde:

  • HTML: Esta etiqueta define el HTML como el lenguaje a utilizar desde y hasta un lugar definido. Se cierra tras el contenido y no usa atributos.
  • HEAD: Contiene etiquetas que definen cosas como cursores especiales, el título de la página o incluso colores nuevos para la barra de desplazamiento. Se cierra tras el contenido.
  • TITLE: Se inserta dentro de HEAD y define el título de la página. Se cierra tras el contenido.
  • BODY: Alberga el contenido visible de la página y lo define con atributos (Como BGCOLOR). Se cierra tras el contenido.
    • BGCOLOR: Define el color de fondo de la página.
    • TEXT: Define el color del texto.
Los espacios iniciales no son necesarios pero ayudan a ordenar el código de forma más legible.
Continuará.