<html>
<head>
<meta charset="UTF-8"> <!--es una metaetiqueta que le dice al navegador qué sistema de codificación de caracteres usar para mostrar tu página admite prácticamente todos los caracteres del mundo (acentos, ñ, letras griegas, símbolos, emojis, etc.). -->
<title >HTML y CSS: ambientes de desarrollo, estructur de archivos y tags</title>
</head>
<body>
<h1> Añadiendo contenido a HTML.<img src="html-5.png"alt="HTML5 Logo" width="50" height="50"><!--alt="HTML5 Logo": es la descripcion de la imagen. width="50" height="50" modifinan la altura y anchura de la imagen independiente del origen--> </h1>
<h2>Aprendiendo HTML, Poniendo en práctica lo aprendido</h2>
<p>Hoy construiremos nuestra primera página con estilo . Sigamos los pasos de la clase y agreguemos un poco de creatividad .</p>
<img src="Imagen-bot.png" alt="Robot mostrando ejemplo de HTML" width="225" height="225">
<ol> <!--organisa la lista con numeros consegcutivos 1, 2, 3, etc..-->
<li>Cosntruyendo la estructura básica de HTML</li>
<li>Añadiendo contenido a HTML</li>
<li>Trabajo con metaetiquetas y titulo</li>
<li>Organizando contenido con etiquetas HTML</li>
<ul><!--organisa la lista con signo de grado o ordinal.-->
<li>Añadiendo imágenes con accesibilidad</li>
<li>Listando elementos en HTML</li>
<li>Explorando el impacto del DOCTYPE en HTML</li>
<li>Automatizando la actualización de la página con Live Server</li>
</ul>
</html>
