<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Párrafo con imágenes</title>
</head>
<style type="text/css">
	body{
	background: #ffed00;
	margin-left: 12px;
	}
	h1{
		color: #f00;
		font-family: Helvetica, Arial, sans-serif;
		text-decoration: underline;
	}
	p{
		font-weight: bold;
		font-size: 1.3em;
	}
	li{
		color:#123423;
		font-size: 20px;
	}
	img{
		border: 3px solid #000 ;
	}
</style>
<body>
<h1>Louis Francois</h1>
<p>Párrafo de texto <strong>negrita</strong> y <em>cursiva</em></p>
<ul>
  <li>Elemento de la lista 1</li>
  <li>Elemento de la lista 2</li>
  <li>Elemento de la lista 3</li>
</ul>
<img src="ingress.jpg" width="300" height="390" alt="Louis-Francois Bertin - Ingres"/>
</body>
</html>
