En el caso de HTML, el usuario debe de teclear la extensión que es.html para que el documento se guarde
página web.
Estructura de una página web
Inicio
[<html>
Encabezado
<head>
<title> nombre de la página </title>
</head>
Cuerpo
<body>
Contenido de nuestra página
</body>
Fin
{</html>
Todas las etiquetas van dentro de los símbolos < > y para cerrar la instrucción antes de la etiqueta se
poner/.
Algunas etiquetas de HTML para comunicarse con el ordenador son:
Indica el inicio de la página web
Respuestas
Respuesta:
La cabecera de un documento HTML es la parte que no se muestra en el navegador cuando se carga la página. Contiene información como el título (<title>) de la página, enlaces al CSS (si quieres aplicar estilo a tu contenido HTML con CSS), enlaces para personalizar faviconos, y otros metadatos (datos sobre el HTML, como quién lo escribió y palabras claves importantes que describen el documento). En este artículo abarcaremos todo esto y más, para darte bases sólidas en el manejo del marcado y otros códigos que deberían estar presentes en tu cabecera.
Requisitos previos:
Estar familiarizado con el HTML básico, que se expone en Empezar con el HTML.
Objetivo:
Aprender acerca de la cabecera HTML, cuál es su propósito, los elementos más importantes que puede contener, y qué efecto puede tener sobre el documento HTML.
¿Qué hay en la cabecera HTML?
Vamos a revisar el documento HTML que se revisó en el artículo anterior:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi página de prueba</title>
</head>
<body>
<p>Esta es mi página</p>
</body>
</html>
La cabecera HTML es el contenido del elemento <head>. A diferencia del contenido del elemento <body> (que sí se muestra en la página cuando se carga en el navegador), el contenido de la cabecera no se muestra en la página. Por el contrario, la función de la cabecera es contener los metadatos del documento. En el ejemplo anterior, la cabecera es bastante reducida.
<head>
<meta charset="utf-8">
<title>Mi página de prueba</title>
</head>
En páginas más grandes, sin embargo, la cabecera puede llegar a contener bastantes elementos. Prueba a ir a algunos de tus sitios web favoritos y comprueba el contenido de la cabecera usando las herramientas de desarrollador [developer tools]. Nuestro objetivo aquí no es mostrarte cómo usar todo lo que puedes incluir en la cabecera, sino enseñarte cómo usar los elementos principales que vas a incluir en la cabecera y que te familiarices con ellos. Empecemos.