HTML Editor

Edita código
<!DOCTYPE html>
<html>
<head>
  <title>Estilos en la cabecera</title>
  <style type="text/css">
	body {
	font-family:Arial, Helvetica, sans-serif; background-color: #FFDDCC}
	h1 {color:red; font-size: 1.6em; background-color: #CCC}
	h2 {font-size: 1.2em; background-color: #CCC}
	h3 {font-size: 22px; text-align: center}
	p {background-color: #E8E8E8}
	strong {color: red; background-color: #BBB}
	em {color: red; background-color: #E8E8E8}
	li {color: brown}
  </style>
</head>

<body>
<h1><b>Texto en nivel 1</b></h1>
<h2>Texto en nivel 2</h2>
<h3>Texto en nivel 3</h3>
<p>Aquí va un párrafo de <i>texto</i></p>
<ul>
<li>Primer elemento de una lista</li>
<li>Segundo elemento de una lista</li>
<li>Tercer elemento de una lista</li>
<li><em>Cuarto elemento enfatizado</em></li>
<li><strong>Quinto elemento fuerte</strong></li>
</ul>
</body>

</html>