¿Qué es HTML y para qué sirve?

⏱️ Tiempo de lectura: 3 min

El lenguaje base de toda página web explicado de forma simple.

Índice

Introducción

HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language) es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web (CSS) o la funcionalidad/comportamiento (JavaScript).

"Hipertexto" hace referencia a los enlaces que conectan páginas web entre sí, ya sea dentro de un único sitio web o entre sitios web. Los enlaces son un aspecto fundamental de la Web. Al subir contenido a Internet y vincularlo a las páginas creadas por otras personas, te conviertes en un participante activo en la «World Wide Web» (Red Informática Mundial).

¿Qué es una etiqueta?

Las etiquetas HTML son los bloques de construcción de las páginas web. Cada etiqueta tiene un propósito específico y se utiliza para estructurar el contenido. Las etiquetas HTML se escriben entre corchetes angulares, por ejemplo: <etiqueta>.

Las etiquetas HTML pueden ser de apertura y cierre, o auto-cerradas. Las etiquetas de apertura indican el inicio de un elemento, mientras que las etiquetas de cierre indican su final. Por ejemplo, la etiqueta de párrafo se escribe como <p> para abrir y </p> para cerrar.

Algunas etiquetas son auto-cerradas, lo que significa que no necesitan una etiqueta de cierre. Por ejemplo, la etiqueta de imagen se escribe como <img src="ruta/a/la/imagen.jpg" alt="Descripción de la imagen">.

HTML utiliza una jerarquía de etiquetas para organizar el contenido. Las etiquetas se anidan unas dentro de otras para crear una estructura lógica. Por ejemplo, un encabezado puede contener un párrafo, y un párrafo puede contener enlaces o imágenes.

Principales etiquetas HTML

  • <h1> a <h6>: Encabezados
  • <p>: Párrafos
  • <a>: Enlaces
  • <img>: Imágenes
  • <div> y <span>: Contenedores
  • <ul> y <ol>: Listas desordenadas y ordenadas
  • <table>: Tablas
  • <form>: Formularios
  • <input>: Campos de entrada
  • <button>: Botones
  • <header>, <footer>, <nav>: Estructura de la página
  • <article> y <section>: Secciones de contenido
  • <aside>: Contenido relacionado o lateral
  • <video> y <audio>: Multimedia

Estructura básica de un documento HTML

Todo archivo HTML comienza con una estructura base como esta:

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Mi página</title>
  </head>
  <body>
    <h1>Hola Mundo</h1>
    <p>Bienvenido a mi sitio web</p>
  </body>
</html>

Donde se crean las paginas web

Las páginas web se crean en un entorno de desarrollo, que puede ser local (en tu computadora) o en la nube (servidores remotos). Para comenzar a crear una página web, necesitas un editor de texto y un navegador web.

Existen editores de texto específicos para desarrollo web, como Visual Studio Code, Sublime Text o Atom, que ofrecen características útiles como resaltado de sintaxis y autocompletado.

Al instalar uno de estos editores, podrás comenzar a escribir tu código HTML de inmediato.

logo de vscode logo de sublime text logo de atom

¿Como crear paginas web online?

Para crear páginas web online, puedes utilizar editores de código basados en la web, como:

  • CodePen: Un entorno de desarrollo social para HTML, CSS y JavaScript.
  • JSFiddle: Permite probar y compartir fragmentos de código.
  • Replit: Un IDE en línea que soporta múltiples lenguajes de programación.

Estos editores te permiten escribir y probar tu código directamente en el navegador, sin necesidad de instalar nada en tu computadora. Muy bueno para experimentar y aprender, si aun no tienes pc y quieres intentar CodePen es una gran opción para dar tus primeros pasos.

Si quieres crear una pagina web para tu negocio

Es importante tener en cuenta varios aspectos:

  • Objetivo: Define claramente el propósito de tu página web.
  • Contenido: Prepara el contenido que deseas mostrar.
  • Diseño: Piensa en la apariencia y la experiencia del usuario.
  • Dominio y Hosting: Necesitarás un nombre de dominio y un servicio de hosting.

Si no tienes experiencia en desarrollo web, no dudes en contactarme para ayudarte en el proceso y asesorarte.

Juntos podemos hacer realidad la página web que necesitas.

Si quieres saber más sobre mi y como te puedo ayudar a crear una pagina web, déjame un mensaje a mi WhatsApp

Artículos Relacionados

Sobre el autor

Autor

Miguel Gonzalez

Desarrollador web apasionado por enseñar a otros desde lo más básico.

Comentarios