Cuando hablamos de código HTML, seguro que a muchos de vosotros se os vienen a la cabeza un lenguaje que se utiliza para estructurar la información que se nos facilita cuando entramos en un navegador o una página web. Pero esto no se queda aquí, para entender mejor qué es el HTML y para que sirve, debemos profundizar mucho más allá en el tema.
Este código del que vamos a hablar es la base fundamental del desarrollo web. Cada vez que navegamos por las diferentes páginas, el HTML está más que presente en todas ellas, tanto en una página de moda como un blog personal. Si estas interesado en conocer más sobre este tema, coge papel y boli que comenzamos.
¿Qué es y para que sirve el código HTML?
Como hemos indicado al inicio de esta publicación, el HTML es un lenguaje con el que podemos llegar a definir los contenidos de nuestra página web. En español, las siglas corresponden a la definición de Lenguaje de Marcado de Hipertexto. Es decir, una serie de etiquetas que nuestro navegador es capaz de interpretar y con las que poder definir nuestros textos y otro tipo de aspectos que formarán parte de la página web, imágenes, gráficos, etc.
Este lenguaje del que hablamos, tiene la función de describirnos la estructura que sigue una página y además, nos ayuda a organizar la forma en la que se van a ir mostrando. Además de todo esto, el HTML te va a permitir incluir diferentes enlaces redireccionados a otro tipo de páginas o incluso documentos.
No se trata de un lenguaje de programación, debido a que no cumple unas determinadas funciones aritméticas. Por lo que podemos señalar que su función principal es la de poder crear páginas web estáticas. Es de lo más útil ya que, juntándolo junto a otro tipo de lenguaje de programación se pueden obtener páginas de lo más dinámicas como muchas de las que visitamos cada día.
Un poco de historia sobre el HTML
graffica.info
Este lenguaje, nació en el año 1980 cuando Tim Berners-Lee un científico presentó la idea de un nuevo sistema de hipertexto. Estaba basada, en la necesidad de poder compartir documentos y archivos. En esta publicación en la que se habla del HTML, se describen un total de 22 etiquetas que enseñaban un diseño inicial y simple de lo que era este lenguaje.
En la actualidad, varios de estas etiquetas que se mencionaron hace años, se siguen manteniendo, frente a otros que se han dejado de lado y otros que se han ido sumando con el paso del tiempo. Por lo que podemos señalar, que a lo largo de su historia han existido diferentes versiones del HTML.
Recordemos, que este tipo de lenguaje solo puede ser procesado por medio de un navegador como los que estamos utilizando en este momento en esta web para leer dicha publicación.
Tipos de etiquetas
Una de las cosas que hemos señalado en el apartado anterior, es que el lenguaje HTML está compuesto por diferentes etiquetas. Estas etiquetas para quien no lo sepa, son una especie de fragmentos de texto protegidos por corchetes o llaves cuyo objetivo es el de escribir dicho código.
Estas etiquetas, suelen ir delimitadas por lo que nosotros conocemos paréntesis en punta <>, es decir; <etiqueta>. Estas, se utilizan para describir lo que se quiere que aparezca en la web, en cuanto a apariencia.
En HTML, encontramos que se tienen definidas una gran variedad de etiquetas diferentes. Dependiendo del uso que se le vayan a dar, a continuación vemos algunas de ellas.
- Etiqueta de apertura: son las que se utilizan en los inicios de las páginas. Nos señala donde comienza o termina un determinado elemento. Entre los paréntesis en punta debe ir el nombre del elemento. <etiqueta>
- Etiquetas de cierre: lo mismo que en el caso anterior, pero estas nos indican el final de un elemento. Se diferencian principalmente, en la forma en la que se escribe, ya que aparece una línea diagonal. </etiqueta>
- Etiquetas para títulos: nos indicaran que lo que se coloca seguidamente es el titulo de nuestra página. <title>
- Etiquetas de cuerpo: en esta caso, hablamos de las etiquetas que nos indican la parte del cuerpo de texto, es decir lo bloques de texto seguido. <body>
- Etiqueta de encabezado: como su nombre nos desvela, es una etiqueta que nos señala el titulo o encabezado de nuestra página. <h1>
- Etiqueta de subtítulo: en este caso hablamos de los subtítulos de nivel 2. <h2>
- Etiqueta de párrafo: son las que se emplean para hacer que nuestro texto se muestre en una línea de manera agrupada. <p>
- Etiqueta sección inferior: señala la parte inferior de un texto. Puede identificarse con la conclusión o con la parte final de la página donde aparecen los datos de contacto o las redes sociales. <footer>
- Etiqueta sección superior: nos referimos a la parte superior de un texto o un encabezado en la página. <head>
- Etiqueta negrita: como todos conocemos son las encargadas de resaltar algún elemento que encierre nuestro texto. <strong>
- Etiquetas cursiva: parecido al caso anterior, pero aquí aparece lo señalado en cursivo. <em>
- Etiqueta de imagen: es la que utilizamos cuando queremos insertar una imagen en nuestra página. <img>
- Etiquetas de enlaces: si queremos añadir enlaces en cualquier parte de nuestra web se debe añadir esta etiqueta. <a>
Estas, son algunas de las principales etiquetas que se utilizan en el lenguaje HTML. Por cada etiqueta que abrimos, hay que recordar que debemos cerrarla, sino no habremos incluido correctamente dicha etiqueta. Haciéndolo de la forma correcta lograremos conseguir un lenguaje HTML bien estructurado. Un código mal escrito nos puede generar errores en la creación de la página. Además, el navegador no lo reconozca y se nos muestre una pantalla en blanco o que directamente la página se muestre tal cual está.
Ahora que ya conoces qué es el HTML, para qué sirve y algunas de sus etiquetas más básicas, tienes conocimientos de cómo es la estructura básica de este lenguaje del que hablamos. Una vez sabes esto, te animamos a que utilices las diferentes etiquetas que te hemos nombrado y vayas añadiendo nuevas, para construir y practicar lo aprendido.