EasyCode365EasyCode365

¿Qué es HTML?

¿Qué es exactamente HTML?

HTML significa HyperText Markup Language (Lenguaje de Marcado de HiperTexto). Es el lenguaje estándar que se usa en toda internet para construir y definir la estructura de las páginas web.

Si piensas en un sitio web como si fuera una casa, HTML es la estructura básica y las paredes. También puedes imaginarlo como el "esqueleto" de una página web. Antes de añadir colores, diseños o funciones interactivas, primero debes usar HTML para organizar el contenido bruto en piezas estructurales como títulos, párrafos, imágenes y enlaces.

¿Cómo renderizan el HTML los navegadores?

Cuando escribes una URL en tu navegador web (como Chrome, Firefox o Safari), el navegador recibe un documento HTML. El trabajo principal de tu navegador es leer ese archivo HTML y traducirlo al sitio web visual que ves en tu pantalla.

HTML se apoya en "etiquetas" para marcar las piezas de contenido. El navegador usa estas etiquetas para entender exactamente cómo organizar y mostrar el documento, pero no muestra las etiquetas mismas al usuario.

Tu primer ejemplo de HTML

El contenido HTML se construye con elementos, que normalmente están formados por una etiqueta de apertura, el contenido y una etiqueta de cierre.

Aquí tienes un fragmento de código corto que muestra la estructura básica de un documento HTML:

Se puede editar
<!DOCTYPE html>
<html>
  <head>
    <title>Título de la página</title>
  </head>
  <body>
    <h1>¡Bienvenido a mi sitio web!</h1>
    <p>Este es mi primer párrafo.</p>
  </body>
</html>

¿Qué está pasando aquí?

  • <!DOCTYPE html> le dice al navegador que este es un documento HTML5.
  • <html> funciona como el contenedor raíz de toda la página.
  • <body> guarda todo el contenido visible que el usuario verá en la pantalla.
  • <h1> es una etiqueta que se usa para definir un título grande, mientras que <p> crea un párrafo de texto estándar.

Demo: 'Ver código fuente'

Dato curioso: ¡cada sitio web usa HTML, incluido el que estás mirando ahora mismo! Como el navegador traduce el HTML entre bambalinas, puedes echar un vistazo al código subyacente de cualquier página web.

Pruébalo tú:

  1. Abre cualquier página web en tu navegador.
  2. Haz clic derecho en un área en blanco de la página.
  3. Selecciona "Ver código fuente de la página" (o "Ver código fuente", según tu navegador).

Se abrirá una pestaña nueva que te mostrará el esqueleto HTML bruto que el navegador usó para renderizar esa página concreta.