Recurso

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,…

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

se utiliza para indicar un párrafo, la etiqueta se utiliza para insertar una imagen, y la etiqueta 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 : Esta etiqueta indica el inicio y el final del documento HTML y contiene todas las otras etiquetas HTML.

  2. La etiqueta

    : 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

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

    ,

    ,

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

  5. La etiqueta

    : Esta etiqueta se utiliza para indicar un párrafo de texto.

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

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

  8. 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.