HTML

HTML (Hyper Text Markup Languaje) es un lenguaje de maquetado y estructura que se encarga de definir el contenido más básico de una página web.

En líneas generales, HTML trabaja con un conjunto de etiquetas que sirven para lograr distintas cosas como el ordenar párrafos, el tamaño de las letras, entre otros.

Es importante señalar que el lenguaje HTML, técnicamente no se considera un lenguaje de programación.

Origen del HTML

En cuanto a sus orígenes, este lenguaje de maquetado tuvo su primer asomo en el año de 1980 cuando el físico Tim Berners-Lee propone un nuevo sistema de hipertexto.

Los hipertextos ya se habían creado antes de ese año, no obstante, fue en 1991 que el primer documento formal de HTML nació bajo el nombre de “HTML Tags”.

Características de HTML

Además de lo anterior, al tener un uso tan extendido, no es de extrañar que tenga algunas características particulares:

  • Se puede editar o gestionar desde cualquier editor básico.
  • Es multiplataforma, lo que significa que su uso se entiende en cualquier navegador o sistema operativo.
  • Igualmente, se trata de una de las bases para la creación de páginas web.
  • Además, utiliza un conjunto de etiquetas.

Etiquetas en HTML

Como se dijo anteriormente, ese lenguaje de maquetado y estructura hace uso de una serie de etiquetas que le permiten hacer varias cosas.

De igual forma, dichas etiquetas se pueden distinguir porque el nombre del objeto está entre “<” y “>”. Ese nombre no se distingue de mayúsculas o minúsculas, por lo que solo con que tenga la palabra correcta estará listo.

Lista de etiquetas en HTML

A continuación, se nombrarán algunas etiquetas y su función dentro de HTML:

  • <html>. Es el inicio del documento. Le comunica al navegador que lo posterior se debe interpretar como HTML.
  • <head>. Es la cabecera del documento en general. Dentro de esta se encuentra información que no se muestra directamente como, por ejemplo:
    • <title>. Título de la página.
    • <link>. Etiqueta que sirve para vincular a hojas de estilo o íconos.
    • <style>. En este caso, se coloca el estilo interno de la página usando CCS o un lenguaje similar.
  • <body>. Cuerpo principal del documento. Aquí se encontrará toda la información que se muestra en el navegador.
  • <h1> hasta <h6>. Especiales para los encabezados y sus diferentes niveles de relevancia.
  • <table>. Crea una tabla.
  • <tr>. Otorga una fila a una tabla.
  • <td>. Otorga una celda a una tabla.
  • <a>. Da la posibilidad de un hipervínculo o enlace fuera de la página web.
  • <img>. Etiqueta que permite subir una imagen. Necesita del atributo “src” que indica la dirección o ruta de la imagen.
  • <ul>. Define una lista desordenada.
  • <ol>. Realiza una lista ordenada.
  • <li>. Declara todos los elementos de una lista, esté ordenada o no.

Se debe decir que existen muchas etiquetas en el mundo del HTML, no obstante, se han nombrado las más conocidas y básicas.

En líneas generales, las que se han nombrado antes suelen ser comunes a la hora de crear una página web.

Cerrar una etiqueta en HTML

Así mismo es importante aclarar que si bien, una etiqueta abre con el objeto entre “<” y “>”, para cerrarla se le debe colocar una barra “/” antes de poner la palabra.

En consecuencia a lo anterior, aquí se presentan un par de ejemplos de cómo se cierra una etiqueta en HTML.

<table> Contenido de ejemplo</table>

<body> Contenido de ejemplo </body>

Anthony Rivas
Últimas entradas de Anthony Rivas (ver todo)