HTML (del inglés HyperText Markup Language, que se traduce como Lenguaje de Marcas de Hipertexto) es el componente más básico de una Web.
En este nuevo artículo vamos a explicarte qué es HTML o hipertexto, mostrarte las principales características y fundamentos; y finalmente, algunos consejos sobre cómo puedes entender y mejorar tus conocimientos de HTML.
¿Qué es una etiqueta HTML?
El HTML está escrito con códigos que sin necesidad de compilarlos antes, una persona ya los puede leer.
Para entenderlo mejor, el contenido de una página web está escrito/marcado con diversos códigos (etiquetas HTML) que dan instrucciones sobre cómo mostrar el texto o contenido en el navegador web.
Al escribir código en hipertexto, escribes diferentes etiquetas HTML con un significado que define el diseño y estilo del elemento que se está introduciendo. Todas las etiquetas HTML se forman/escriben de igual forma, siguiendo unas pautas: incluyen una palabra o carácter, que determina qué etiqueta se está escribiendo. Esta palabra se escribe en medio de los caracteres: “<” y “>”.
Ejemplo de cómo funciona el hipertexto:
A modo de ejemplo, la etiqueta <strong> muestra el texto en negrita, la etiqueta <table> nos permite crear tablas y la etiqueta <img> nos permite insertar imágenes en la página.
Quedaría así una palabra en negrita:
este es un <strong>texto en negrita</strong> dentro de una palabra
=
este es un texto en negrita dentro de una palabra
¿Es un lenguaje?
El hipertexto o HTML es un lenguaje informático (no es considerado un lenguaje de programación ya que no permite crear una funcionalidad dinámica), que forma la mayoría de las páginas web y plataformas en línea. Asimismo, cualquier usuario web puede crear o estructurar párrafos, secciones, enlaces usando elementos, etiquetas y atributos.
Etiquetas que se usan:
Actualmente existen 142 etiquetas HTML, muchas más que en la primera versión que contaba con solo 18 etiquetas. Por lo tanto, el hipertexto ha ido evolucionando con los años y ahora se pueden crear muchos tipos de elementos. De todas formas, algunos ordenadores nuevos ya no admiten alguna de estas etiquetas, es bueno tener en cuenta que existen.
Características esenciales del hipertexto:
El HTML se encarga de definir el significado y la estructura del contenido de una página web. De todas formas, también se utilizan otras tecnologías como CSS (para definir la apariencia de una página web) o Javascript (para la funcionalidad de la misma).
En HTML se usan “marcas” para etiquetar el contenido a mostrar en un navegador web, ya sea imágenes, texto, o dotar de una estructura jerarquizada correctamente al contenido. Para que te hagas una idea más práctica, vamos a mostrarte algunos ejemplos de marcas habituales en HTML: <body>, <head>, <article>, <footer>, <section>, <nav>, <li>, <embed> entre muchos otros.
En un documento, se usan “etiquetas” para diferenciar un elemento HTML de otro. Las etiquetas consisten en el nombre de un elemento entre “<” y “>”.
Cuando escribimos el nombre de un elemento HTML dentro de una etiqueta, no se distingue entre mayúsculas y minúsculas. Por lo tanto, se puede escribir tanto en mayúsculas como minúsculas o incluso se puede hacer una mezcla. Para entenderlo mejor, te vamos a dar un ejemplo: la etiqueta <strong> (con la cual pasaremos texto a negrita) se podría escribir como <strong>, <Strong> o <STRONG> indiferentemente, aunque el uso extendido es el de las minúsculas
Entender HTML y mejorar tus conocimientos con Epitech
Aprender sobre HTML es un gran primer paso para quienes quieren convertirse en desarrolladores web.
En Epitech disponemos de un grado en Ingeniería Informática +Máster en el que podrás aprender todos los lenguajes de programación, incluyendo por supuesto el HTML. El grado está reconocido oficialmente por la UE. Por otra parte, disponemos de cursos de programación desde cero, con los que es posible convertirse en programador web con una formación completa y orientada al mundo profesional.
Si quieres saber más sobre este tema, tienes cualquier duda o consulta, no dudes en ponerte en contacto con nosotros sin ningún tipo de compromiso, estaremos encantados de poder ayudarte.
