No. 2 de 22 de articulos. HTML5

HTML 5 – lenguaje de etiquetas y marcas.

HTML5 – Etiquetas en el lenguaje

Segundo capítulo dedicado al lenguaje de programación HTML 5, el nuevo estándar para la creación de páginas web, esta sección toca la definición del lenguaje de etiquetas HTML 5.  Desde aquí www.aprendoencasa.com queremos ofreceros un curso esbozado en diferentes post o artículos que se irán publicando poco a poco. Siendo este el primer post publicado. Para leer completo pulsa sobre este enlace “Leer el artículo completo” o el que se encuentra un poco más abajo denominado de la misma forma.

Curso de HTML 5 – Lenguaje de etiquetas HTML 5

html5-logo-256
Uno de los primeros problemas que se plantearon en informática era como traspasar o enviar información entre equipos. Para solventar esta situación se decidió codificar la información para su envió, ya que la mayoría de información que se manejaba era texto.

La codificación se aplica a un conjunto de caracteres de forma que cada carácter del conjunto tenga una asociación numérica. A estos conjuntos de caracteres se les denomina tablas, una de las tablas o conjuntos más conocidos y utilizados es el código ASCII, que relaciona cada carácter del conjunto con una combinación numérica en código binario, este código contempla caracteres alfabéticos, numéricos, de puntuación, etc.

Una vez solucionado el paso de información se planteo la posibilidad de enviar junto a la información el formato correspondiente a la misma, como atributos del texto, color, tamaño, alineación, etc. Una de las soluciones propuestas fue la de crear una serie de marcas que insertadas en la información a enviar establecieran dicho formato. A estas marcas se les llama Etiquetas y al conjunto de las mismas que determinan el formato se le conoce como un lenguaje de marcado o lenguaje de marcas.

El siguiente ejemplo pretende mostrar una demostración de un lenguaje de marcado o lenguaje de marcas. Suponga que se desea enviar la siguiente información, destacando algunas de sus palabras:

Hola Mundo ¡Buenos días!

Su codificación utilizando etiquetas podría ser la siguiente:

<texto>Hola <negrita>Mundo</negrita>¡Buenos días!</texto>

Como se puede observar al incluir las etiquetas se puede establecer con bastante claridad que es lo que se desea resaltar.

Tanto HTML como XHTML son lenguajes de marcado o marcas como su nombre indica: HTML significa Hypertext Markup Language (Lenguaje de marcas e hipertexto), mientras que XHTML significa Extended HyperText Markup Language (Lenguaje de marcas e hipertexto extendido) y como es obvio la nueva versión del lenguaje HTML 5, también es un lenguaje que utiliza etiquetas.

Lógicamente cada uno de los lenguajes de marcado tienen sus propias etiquetas, aparte de estos dos lenguajes citados anteriormente, existen muchos otros lenguajes como XML, MathML, DocBook, etc.

Normalmente los lenguajes de etiquetas suelen tener etiquetas de inicio y cierre para los diferentes formatos que se quieren aplicar. De esta forma se indica cuando tiene que empezar y finalizar el formato. En el caso de HTML y XHTML el formato de sus etiquetas para expresar el principio y final de un formato es el siguiente:

Etiqueta de apertura o inicio del formato:

<Etiqueta>

La etiqueta anterior está compuesta por el símbolo “<” seguidamente y sin espacios en blanco el nombre de la etiqueta y a continuación el símbolo “>“.

Etiqueta de cierre o final del formato:

</Etiqueta>

La etiqueta de cierre está compuesta por el símbolo “<” seguidamente y sin espacios en blanco, el símbolo “/“, el nombre de la etiqueta y por último el símbolo “>“.

A continuación tiene una serie de ejemplos que se podrían aplicar en un documento html para especificar párrafos:

<p>Esta etiqueta es para indicar que este texto es un párrafo</p>

<p>un párrafo con una <strong>palabra</strong> resaltada</p>

<p>visítanos en <em>www.aprendoencasa.com</em>, gracias</p>
Navegacion SeriesAnterior en la serie...Siguiente en la serie...

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies