<!DOCTYPE html>: Declara que el documento es HTML5.
<html>: Es el elemento raíz del documento.
<head>: Contiene metainformación y enlaces a recursos.
<meta charset="UTF-8">: Define la codificación de caracteres del documento.
<title>: Establece el título del documento que se muestra en la pestaña del navegador.
<body>: Contiene el contenido visible de la página.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado principal</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>
</html>
Encabezados: Son seis niveles, desde <h1> (el más importante) hasta <h2>.
Párrafos: Se definen con la etiqueta <p>.
Enlaces: Se crean con la etiqueta <a>. Ejemplo: <a href="https://www.ejemplo.com">Visita este enlace</a>.
Listas:
Ordenadas: <ol><li>Elemento 1</li><li>Elemento 2</li></ol>
No ordenadas: <ul><li>Elemento A</li><li>Elemento B</li></ul>
Imágenes: Se añaden con la etiqueta <img>. Ejemplo: <img src="imagen.jpg" alt="Descripción de la imagen">.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Lista en HTML5</title>
</head>
<body>
<h1>Listas en HTML5</h1>
<!-- Lista no ordenada -->
<h2>Lista no ordenada</h2>
<ul>
<li>Manzanas</li>
<li>Plátanos</li>
<li>Naranjas</li>
<li>Uvas</li>
</ul>
</body>
</html>
La sección <head> de un documento HTML es donde se colocan metadatos y otros recursos vinculados que no se muestran directamente en la vista principal del navegador. Estos son algunos de los elementos más comunes que puedes encontrar o incluir en el <head>:
<title>: Define el título del documento, que se muestra en la pestaña del navegador o en la barra de título.
<meta>: Proporciona metadatos sobre el documento. Algunos de los usos más comunes incluyen:
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Metaetiqueta para la codificación de caracteres -->
<meta charset="UTF-8">
<!-- Título que se muestra en la pestaña del navegador -->
<title>Mi sitio web</title>
<!-- Metaetiqueta para descripción (útil para motores de búsqueda) -->
<meta name="description" content="Este es un sitio web de ejemplo para demostrar las etiquetas básicas del head en HTML5.">
<!-- Metaetiqueta para especificar el autor del sitio -->
<meta name="author" content="Juan Pérez">
</head>