code 1076536 1280

HTML – ¿PARA QUE SIRVE? – ¿QUE ES?

HTML es un lenguaje de marcado utilizado para crear páginas web. HTML significa “HyperText Markup Language” (Lenguaje de Marcado de Hipertexto) y es utilizado para estructurar el contenido de una página web, como texto, imágenes, videos, enlaces y otros elementos multimedia.

HTML se compone de etiquetas que se utilizan para definir el contenido y la estructura de una página web. Por ejemplo, la etiqueta <p> se utiliza para indicar un párrafo, la etiqueta <img> se utiliza para insertar una imagen, y la etiqueta <a> se utiliza para crear un enlace.

Al escribir código HTML, se utiliza un editor de texto simple y se guarda el archivo con la extensión “.html”. Cuando se abre el archivo con un navegador web, el navegador interpreta el código HTML y muestra la página web correspondiente.

Origen de HTML

El HTML fue creado en 1989 por Tim Berners-Lee, un físico británico que trabajaba en el CERN (Organización Europea para la Investigación Nuclear). En ese momento, la web era una herramienta para compartir documentos científicos y técnicos, y Berners-Lee creó el HTML como un medio para organizar y estructurar los documentos de manera que pudieran ser fácilmente accesibles y legibles en línea.

El primer borrador del HTML, llamado “HTML Tags”, fue escrito por Tim Berners-Lee en 1991. Posteriormente, Berners-Lee trabajó con otros desarrolladores para crear las especificaciones oficiales del lenguaje HTML, que se publicaron en 1995 como la primera versión de HTML.

Desde entonces, HTML ha evolucionado a través de varias versiones, cada una con nuevas características y mejoras. La versión más reciente es HTML5, que se publicó en 2014 y sigue siendo ampliamente utilizada para crear páginas web modernas y dinámicas.

Etiquetas HTML

Las etiquetas HTML son elementos que se utilizan para dar formato y estructura al contenido de una página web. Las etiquetas están rodeadas por corchetes angulares “<” y “>” y se utilizan para indicar al navegador web cómo debe interpretar y mostrar el contenido de la página.

A continuación, se presentan algunos ejemplos de etiquetas HTML comunes:

  1. La etiqueta <html>: Esta etiqueta indica el inicio y el final del documento HTML y contiene todas las otras etiquetas HTML.

  2. La etiqueta <head>: Esta etiqueta se utiliza para contener información sobre la página web, como el título, las palabras clave, la descripción y otros metadatos.

  3. La etiqueta <body>: Esta etiqueta contiene todo el contenido visible de la página web, como texto, imágenes, videos y otros elementos multimedia.

  4. La etiqueta <h1>, <h2>, <h3>, etc.: Estas etiquetas se utilizan para crear títulos y subtítulos en la página web, donde <h1> es el título principal y los siguientes números son títulos secundarios.

  5. La etiqueta <p>: Esta etiqueta se utiliza para indicar un párrafo de texto.

  6. La etiqueta <a>: Esta etiqueta se utiliza para crear enlaces a otras páginas web o a otras secciones de la misma página.

  7. La etiqueta <img>: Esta etiqueta se utiliza para insertar imágenes en la página web.

Estos son solo algunos ejemplos de etiquetas HTML, existen muchas otras etiquetas disponibles para dar formato y estructura al contenido de una página web.

Añadiir html en wordpress

Hay varias formas de añadir HTML en WordPress, dependiendo de la situación y del lugar donde se quiera agregar el código. A continuación, se presentan algunos métodos comunes para añadir HTML en WordPress:

  1. Añadir HTML en el editor de bloques de WordPress: Para agregar HTML en el editor de bloques de WordPress, abra una nueva entrada o página y seleccione el bloque “HTML”. Luego, copie y pegue el código HTML en el bloque y guarde los cambios.

  2. Añadir HTML en un widget: Para agregar HTML en un widget, vaya a la sección “Apariencia” en el panel de control de WordPress y seleccione “Widgets”. A continuación, arrastre el widget “Texto” a la ubicación deseada y pegue el código HTML en el campo de texto. Guarde los cambios y compruebe la página para ver el resultado.

  3. Añadir HTML en el archivo functions.php: Si desea agregar código HTML a una función personalizada en WordPress, puede hacerlo en el archivo functions.php. Para acceder a este archivo, vaya a la sección “Apariencia” en el panel de control de WordPress y seleccione “Editor de temas”. Luego, busque el archivo functions.php y agregue el código HTML al final del archivo.

Es importante tener en cuenta que al agregar HTML en WordPress, es necesario asegurarse de que el código esté bien formateado y de que no cause problemas de compatibilidad con otros elementos de la página web.