01 - Introducción al HTML: Aprende desde cero 📄

Jorge Catalao agosto 03, 2025

¿Qué es HTML?

HTML es el lenguaje de marcado estándar utilizado para crear páginas web. Permite definir la estructura y el contenido de una página web a través de una serie de elementos y etiquetas.

Ejemplo

HTML (HyperText Markup Language) es un lenguaje de marcado que se utiliza para estructurar el contenido en la web.

Código del ejemplo

<div id="QueEsHTML">
  <h2>¿Qué es HTML?</h2>
  <p>HTML es el lenguaje de marcado estándar utilizado para crear páginas web.</p>
</div>

Documento Simple en HTML

Un documento HTML básico incluye las etiquetas necesarias para definir la estructura de una página web.

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Documento Simple</title>
</head>
<body>
  <h1>Hola Mundo</h1>
  <p>Este es un documento HTML básico.</p>
</body>
</html>

Código del ejemplo

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documento Simple</title>
  </head>
  <body>
    <h1>Hola Mundo</h1>
    <p>Este es un documento HTML básico.</p>
  </body>
</html>

Código Explicado de HTML

El siguiente desglose explica cada componente clave en un documento HTML básico:

Ejemplo

  • <!DOCTYPE html> - Indica que el documento es HTML5.
  • <html> - Elemento raíz del documento HTML.
  • <head> - Contiene metadatos sobre el documento.
  • <title> - Define el título del documento.
  • <body> - Contiene el contenido visible del documento.

Código del ejemplo

<!DOCTYPE html>
<html>
  <head>
    <title>Título</title>
  </head>
  <body>
    <h1>Encabezado</h1>
    <p>Párrafo</p>
  </body>
</html>

¿Qué es un Elemento HTML?

Un elemento HTML consta de una etiqueta de inicio, contenido y una etiqueta de finalización. El contenido es lo que aparece entre estas etiquetas.

Ejemplo

<p>Este es un párrafo</p>

Código del ejemplo

<p>Este es un párrafo</p>

Código del ejemplo

<p>Google Chrome, Mozilla Firefox y Safari son navegadores web que permiten a los usuarios acceder a páginas HTML.</p>

Estructura de una Página HTML

La estructura básica de una página HTML consta de una declaración <!DOCTYPE html>, una etiqueta <html> que envuelve todo el contenido, una etiqueta <head> para metadatos y una etiqueta <body> para el contenido visible.

Ejemplo

<!DOCTYPE html>
<html>
  <head>
    <title>Título de la Página</title>
  </head>
  <body>
    <h1>Encabezado</h1>
    <p>Contenido de la página</p>
  </body>
</html>

Código del ejemplo

<!DOCTYPE html>
<html>
  <head>
    <title>Título de la Página</title>
  </head>
  <body>
    <h1>Encabezado</h1>
    <p>Contenido de la página</p>
  </body>
</html>
Ir al índice
Tags:
Jorge Catalao

Posted by: Jorge Catalao

Bienvenido a mi blog de cocina, un espacio donde comparto recetas sencillas que celebran tanto los sabores de hoy como los de ayer. Aquí encontrarás platos fáciles de preparar, con ingredientes accesibles y explicaciones paso a paso, pensadas para quienes disfrutan cocinar sin complicarse. Me inspiro en la cocina tradicional, esos sabores que nos conectan con la infancia y la memoria, pero también en recetas modernas, rápidas y prácticas para el ritmo actual. Desde guisos caseros hasta ideas frescas para todos los días, este blog es para quienes aman el sabor auténtico, sin importar el nivel de experiencia en la cocina. ¡Cocinar puede ser simple, delicioso y hasta divertido! Gracias por estar acá y compartir conmigo esta pasión por la buena comida.

Publicar un comentario

0 Comentarios

Si desea contactar comigo, lo puede hacer atravez deste formulario gracias