1 - Construyendo la estructura básica de HTML
Podemos construir la estructura basica poniendo el signo de exclamacion para posteriormente oprimir enter `
`2 - Añadiendo contenido a HTML
`<!DOCTYPE html>
Pagina de musica
Aqui encontraras la mejor musica
`3 - Trabajando con metaetiquetas y título
`<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
4 - Organizando contenido con etiquetas HTML
`<body>
<!Quirks mode modo de peculiaridad adapta las paginas antiguas que no estan en html 5 por esto se aplica el DOCTYPE>
<!h1 se usa para los titulos>
<!p se usa para los parrafos>
<!alt en la etiqueta img se usa para dar una descripcion a la imagen>
<h1>Pagina de musica</h1>
<h2>Music</h2>
<p>Aqui encontraras la mejor musica</p>
5 - Añadiendo imágenes con accesibilidad
`<body>
<!Quirks mode modo de peculiaridad adapta las paginas antiguas que no estan en html 5 por esto se aplica el DOCTYPE>
<!h1 se usa para los titulos>
<!p se usa para los parrafos>
<!alt en la etiqueta img se usa para dar una descripcion a la imagen>
<h1>Pagina de musica</h1>
<h2>Music</h2>
<p>Aqui encontraras la mejor musica</p>
<img src="img/html-5.png" alt="logo">
6 - Listando elementos en HTML
`<body>
<!Quirks mode modo de peculiaridad adapta las paginas antiguas que no estan en html 5 por esto se aplica el DOCTYPE>
<!h1 se usa para los titulos>
<!p se usa para los parrafos>
<!alt en la etiqueta img se usa para dar una descripcion a la imagen>
<h1>Pagina de musica</h1>
<h2>Music</h2>
<p>Aqui encontraras la mejor musica</p>
<img src="img/html-5.png" alt="logo">
<ul>Lista de musica
<li>Imagine Dragons</li>
<li>Soda Estereo</li>
</ul>
