Nuestro punto de partida es un documento HTML. Puedes copiar el código de abajo si quieres trabajar en tu ordenador. Guarda el siguiente código como index.html en una carpeta de tu equipo.

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Empezamos con el CSS</title>
</head>

<body>
<h1>Soy un título de nivel uno</h1>

Este es un párrafo de texto. En el texto hay un
elemento span y también un
<a href="http://example.com">enlace</a>.

Este es el segundo párrafo. Contiene un elemento destacado.

<ul>
<li>Punto uno</li>
<li>Punto dos</li>
<li>Punto tres</li>
</ul>
</body>
</html>

Nota:

Si lees esto en un dispositivo o un entorno donde no puedes crear archivos fácilmente, no te preocupes. A continuación hay editores de código en vivo que van a permitirte escribir ejemplos de código en esta misma página.