01 - Introducci贸n al HTML: Aprende desde cero 馃搫

¿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>
      

Publicar un comentario

0 Comentarios