1. HTML: Anatomía de una página Web
HTML (HyperText Markup Language) es un lenguaje de marcado de texto.
Anatomía de una página Web:
Hay etiquetas en HTML que nos ayuda a diferenciar en donde estamos.
2. INDEX Y SU ESTRUCTURA BÁSICA: HEAD
Index.html es la página que el servidor buscará primero.
<htmllang="es">
<head>
<metacharset="UTF-8">
<metaname="description"content="Esta página te mostrará fotos de gatos">
<metaname="robots"content="index, follow">
<title>Es mi páginatitle>
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<linkrel="stylesheet"href="./css/style.css">
head>
<body>
body>
html>
⠀
3. INDEX Y SU ESTRUCTURA BÁSICA: BODY
Existen 2 tipos de etiquetas:
- De contenido.- Son las etiquetas que llevan el texto, las imágenes y todo que se pueda renderizar en el proyecto.
- Contenedoras.- Llevan más etiquetas adentro y nos ayudan a llevar la estructura del proyecto.
Tenemos que utilizar un HTML semántico.
<htmllang="es">
<head>
<metacharset="UTF-8">
<metaname="description"content="Esta página te mostrará fotos de gatos">
<metaname="robots"content="index, follow">
<title>Es mi páginatitle>
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<linkrel="stylesheet"href="./css/style.css">
head>
<body><header><nav>nav>
header>
<main><section><article>
article>
section>
<ul><li>Soy una manzanali>
ul>
<ol><li>Soy una manzanali>
ol>
main>
<footer>
footer>
<p>
Soy un texto
p>
<h1>Soy un títuloh1>
<h2>Soy otro títuloh2>
<h3>Soy otro título másh3>
<ahref="">Soy un linka>
body>
html>
⠀
4. ANATOMÍA DE UNA ETIQUETA DE HTML
