<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JNCursoWeb HTML5 2016</title>
<style type="text/css">
h1 { color: gray; }
p {}
strong { color: red; }
em { color: green; }
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction: row;
}
li { flex-grow: 1; }
a {
	display:block;
	padding:1em;
	background-color:LightGray ;
	text-align:center;
	margin-right:0.2em;
	text-decoration:none;
	color:#000000;
}
a:hover {background-color:LightCoral;}
body {
  background: #F7F2E0 url() repeat left top;
  color: #8000FF;
  font-family: Lucida Console;
  font-size: 24px;
  margin: 8px;
  display: block;
}
</style>
</head>

<body>
<h1>Mi primera página chispas para el curso de MiriadaX 2016  </h1>
<p>Probando etiquetas con estilos con: <strong>Lucida Console</strong> 
y <em>24px</em></p>
<ul>
  <li><a href="#">1.Presentación</a></li>
  <li><a href="#">2.Contenido</a></li>
  <li><a href="#">3.Contacto</a></li>
</ul>
<img src="ingress.jpg" width="400" height="492" alt="Louis-Francois Bertin - Inventor Folletín"/>
</body>
</html>
