Index y su estructura básica: head

"> Es mi pagina "> Es mi pagina ">

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Esta pagina te mostrara fotos de gatos" />
    <meta name="robots" content="index,follow"/>
    <title>Es mi pagina</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>

Le decimos al navegador que este archivo es del tipo html:5

<html lang="es">

Es la etiqueta "padre" donde vivirá nuestro proyecto. El atributo lang establece el idioma del sitio web. Debemos usarlo para que el navegador pueda traducir nuestra página

El elemento HTML <head> provee información general (metadatos) acerca del documento, incluyendo su título y enlaces a scripts y hojas de estilos.

<head>

<meta charset="UTF-8" />

Este atributo nos ayuda a la hora de incluir caracteres especiales y emojis en nuestro proyecto

<meta name="description" content="Esta página te mostrará fotos de gatos" />

Muestra una descripción de nuestro sitio en los buscadores

<meta name="robots" content="index,follow" />

Le dice a los robots de los navegadores que rastreen nuestra página y la muestran en las búsquedas

<title>Mi página</title>

Título de nuestra página, no confundir con los H1-H6. Este titulo es el que ves en la pestaña del navegador

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Nos ayuda a trabajar en proyectos responsive

<link rel="stylesheet" href="./css/style.css">