En HTML se puede agregar color a elementos visibles como textos, enlaces, bordes, formularios, etc.

Un color en HTML se puede expresar de dos maneras:

- Opción 1: Con el nombre del color en inglés

- Opción 2: Con un numero hexadecimal de seis dígitos

La primera opción parece sencilla, y de hecho lo es, pues si queremos un color rojo simplemente tendremos que poner "red" o si queremos azul "blue", etc, pero encontramos un pequeño inconveniente, pues existe una infinidad de colores, entonces, ¿se podrá llamar a cada color por su nombre? ¿todos los colores tienen nombre?

Por ejemplo, ¿podrías decirme el nombre de este color?

 

Seguramente dirías que es verde ¿cierto?, pero si colocáramos green (verde) en nuestro código HTML nos saldría este otro color:

 

El cuerpo de un documento HTML es la parte central de una página web, este se define por medio de la etiqueta BODY. En este artículo nos centraremos a hablar de esta etiqueta, sus atributos y propiedades.

De las dos partes en que se divide un documento HTML (HEAD y BODY), BODY es la segunda. BODY es la etiqueta usada para indicar el cuerpo de un documento HTML, es la parte donde se describe el contenido de la página (su estructura, su forma, sus colores, texto, y todo lo visual), su inicio lo indica la etiqueta <body> y su final con la etiqueta </body>, se escribe así:

<html>
  <head>
  </head>
  <body>
    Todo lo que esté aquí pertenece al BODY
    Aquí va el diseño de la página y su contenido
  </body>
</html>

La variedad de etiquetas HTML que el BODY puede contener son mucho mas que las que existen para el HEAD, cosa bastante obvia pues la parte de mayor peso es el BODY.

En el artículo anterior echamos un vistazo a la estructura de un documento HTML y mencionamos que se divide en dos partes, el HEAD y el BODY, ahora vamos a tratar el tema del HEAD mas a fondo.

HEAD traducido del ingles al español significa "cabeza", por eso a esta parte del documento la llamamos cabecera. En el documento HTML comienza con la etiqueta <head> y se indica su final con la etiqueta </head>, se escribe así:

<html>
  <head>
    Todo lo que esté aquí pertenece al HEAD
  </head>
  <body>
  </body>
</html>

El HEAD es la parte donde se incluye la información acerca del documento, podríamos atrevernos a decir que el HEAD es una sección de un documento HTML meramente "técnica e informativa", pues la mayoría de esta información no la muestra el navegador al usuario e inclusive pudiéramos dejarla vacía y esto no afectaría al funcionamiento o la forma en que se visualiza la página, y si bien el HEAD de un documento HTML pudiera ir vacío siempre es mejor darles la suficiente importancia a las etiquetas que el HEAD contiene, mucho mas aun si nuestro objetivo es publicar nuestro trabajo en la web, pues muchas de las etiquetas del HEAD son importantes para los buscadores y para un buen posicionamiento en los resultados de búsqueda.

Definición: Una página HTML es un documento o archivo de texto que tienen la extensión .html o .htm, este tipo de archivo se puede abrir con un editor de textos para editar el código o con un navegador de Internet para visualizar la página que resulte del código HTML escrito.

Para desarrollar una página web en HTML es necesario crear un documento HTML.

Básicamente un documento HTML es un archivo de texto que tienen la extensión .html o .htm, en este documento se escribe todo el texto y las etiquetas HTML necesarias para la creación de una página, al texto escrito en el documento HTML se le llama código HTML. Un documento HTML se puede generar con cualquier editor de textos simple como el bloc de notas de Windows o Gedit de Linux.

Mostraré un ejemplo de como crear un documento HTML con Windows y el Bloc de Notas.

Definición: Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir código HTML.

Las etiquetas o tags son la forma de escribir código HTML.

En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.

Aunque la mayoría de las etiquetas tienen su etiqueta de apertura y etiqueta de cierre, es importante aclarar que no todas las etiquetas tienen su correspondiente etiqueta de cierre.

Algunos ejemplos de etiquetas son:

Definición: HTML (HyperText Markup Language) es el lenguaje base que se utiliza para la creación de páginas web.

HTML es un lenguaje de marcado cuyo estándar lo define la W3C (World Wide Web Consortium) y actualmente HTML se encuentra en su versión HTML5.

¿Que significa HTML?

HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles "HyperText Markup Language".

Es un lenguaje que pertenece a la familia de los "lenguajes de marcado" y tiene la capacidad de enlazar documentos o páginas entre sí gracias al Hypertexto (mejor conocido como links o enlaces).

Este es el primer post del manual de HTML, trataremos conceptos básicos sobre la importancia del lenguaje HTML en Internet y la diferencia entre una página web y un sitio web, espero les sea de ayuda para aprender el lenguaje HTML.

Internet funciona con HTML

Sin duda alguna Internet es un gran invento, un invento que ha cambiado el estilo de vida de millones de personas alrededor de todo el mundo, un invento que ha revolucionado completamente la forma de comunicarnos, de hacer negocios, de aprender, de divertirnos, en fin la forma de interactuar con el mundo en general, es por eso que Internet es uno de los inventos mas importantes de los últimos tiempos.

Como todo gran invento, detrás de Internet hay un sin fin de tecnologías, en este manual nos centraremos a tratar una en particular llamada HTML, la tecnología que es base de cualquier sitio web.

Si alguien me preguntara de que esta hecha una página web mi respuesta sería: HTML.

Todas las páginas web utilizan HTML es por eso que cualquier persona interesada en la creación de páginas web debería comenzar por aprender el lenguaje HTML, es el primer paso para adentrarse a este interesante mundo.

¿Para qué sirve?

La etiqueta article <article> forma parte del grupo de etiquetas semánticas de HTML5, no tiene una funcionalidad visual por sí sola, aunque se le puede agregar un estilo propio con CSS.

Su uso radica en definir un fragmento de contenido específico dentro de una página HTML, puede ser usada por ejemplo para definir un artículo, noticia, entrada de un blog, un comentario, un mensaje de un foro o cualquier fragmento de información independiente y relevante en la página.

La etiqueta <article> crea un contenedor o bloque al igual que la etiqueta <div>, la diferencia está en que la etiqueta <article> pertenece a las nuevas etiquetas semánticas de HTML5, esto hace que tenga la peculiaridad de dar información a los buscadores como google para que estos entiendan mejor la estructura de nuestro documento. En el caso de la etiqueta <article> le indica a los motores de búsqueda que el contenido definido entre esta etiqueta es información útil para el usuario final.

La etiqueta <area> es un elemento que depende de la etiqueta <map>, con estas dos etiquetas podemos dividir una imagen en secciones o áreas y cada área puede ser un enlace o link.

Con la etiqueta <map> creamos un mapa de imagen y con la etiqueta <area> creamos las divisiones dentro del mapa de imagen.

Las divisiones creadas con la etiqueta <area> pueden tomar forma de figuras geométricas, esto se define a traves del atributo shape y para indicar su posición se utiliza el atributo coords.

El atributo shape puede tener 4 valores:

En todos los lenguajes de programación existe los llamados comentarios y HTML (aunque no es un lenguaje de programación sino un lenguaje de marcado) también hace uso de los comentarios.

Los comentarios son simples anotaciones escritas que solo pueden leerse directamente desde el código fuente, es decir, no se muestran en la parte visual de la página, son usados como anotaciones dirigidas al programador o editor lo cual permite que estos tenga una mayor comprensión del código, se podría decir que pueden usarse para "explicar" algunas partes del código o como notas personales o recordatorios.

Un comentario no tiene ningun efecto en el funcionamiento de una página web, esto debido a que los comentarios son dirigidos hacia la persona que los lee y no hacia la computadora, entonces, cuando el navegador interpreta el código HTML simplemente ignora todo el texto que esté contenido dentro de un comentario.