Estructura de una página HTML¶
Los documentos HTML tienen la siguiente estructura básica:
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Hola Mundo</h1>
<p>Tu primer documento HTML</p>
</body>
</html>
Puedes probar este ejemplo en tu computadora copiando y pegando el código de arriba en un editor de texto como el Bloc de Notas en Microsoft Windows y guardándolo como first.html.
Puedes abrir ahora el archivo en tu navegador favorito dando doble clic al documento o desde el menú del navegador.
Descifrando la estructura de una página HTML¶
- Los documentos HTML comienzan con la etiqueta de inicio
<html>y terminan con la etiqueta de fin</html>. - La sección
<head>se usa para almacenar meta-información que literalmente significa información acerca de la información. - El contenido de la etiqueta
<title>se despliega en la barra de título del navegador. - El contenido de la sección
<body>se despliega en la ventana del navegador.
Encabezados HTML¶
- Los encabezados HTML se definen usando las etiquetas
<h1>a<h6>. - El contenido entre una etiqueta de encabezado inicial y una etiqueta de encabezado final se conoce como Contenido del Elemento. En el ejemplo de arriba, la etiqueta
<h1>tag tiene “Hola Mundo” como su Contenido del Elemento. - Las etiquetas de encabezado deben usarse para definir el marcado de una manera semántica. Por ejemplo:
<h1>Encabezado de página</h1>
<h2>Categoría #1</h2>
<h3>Sub Categoría #1</h3>
<h3>Sub Categoría #2</h3>
<h2>Categoría #2</h2>
<h3>Sub Categoría #1</h3>
<h3>Sub Categoría #2</h3>
Párrafos HTML¶
- Los párrafos HTML se definen con la etiqueta
<p>. - Asegúrate de recordar la etiqueta final:
<p>Esto es correcto</p> <p>Esto es incorrecto