<!DOCTYPE html>
<html language="es">
<head>
<meta charset="iso-8559-1"/>
<meta name="description" content="Enseñanzas en HTML 5"/>
<meta name="keywords" content="HTML,javascript,CSS3"/>
<title>Página de programación en HTML 5</title>
<link rel="stylesheet" href="mihojadeestilos.css"/>
</head>
<body>
<header id="cabeceraweb">
<h1>Este es el título de nuestra página web</h1>
</header>
<nav id="navegacionprincipal">
<ul>
<li>Quiénes somos</li>
<li>Nuestros productos</li>
<li>Contáctanos</li>
<li>Precios</li>
</ul>
</nav>
<aside id="barralateral">
<blockquote>Primer elemento</blockquote>
<blockquote>Segundo elemento</blockquote>
<blockquote>Tercer elemento</blockquote>
<blockquote>Cuarto elemento</blockquote>
</aside>
<section id="contenidoprincipal">
<article>
<header>
<hgroup>
<h2>Título de la noticia 1</h2>
<h3>Subtítulo de la noticia 1</h3>
</hgroup>
</header>
<figure>
<img src="imagenes web/paisaje sin copyrights.jpg"/>
<figcaption>
Puesta de sol
</figcaption>
</figure>
<p><mark>Noticia 1</mark></p>
<p>Seguimos hablando de <em>noticia 1</em></p>
<p>Terminamos de hablar de la <strong>noticia 1</strong></p>
<footer>
<p>comentarios de usuarios</p>
</footer>
</article>
<article>
<header>
<hgroup>
<h2>Título de la noticia 2</h2>
<h3>Subtítulo de la noticia 2</h3>
</hgroup>
</header>
<p><cite>Get rich or die trying</cite></p>
<p>Unas de las películas mas ganstas que se han rodado de el rap fue <cite>Get rich or dye triying</cite></p>
<p>Terminamos de hablar de la noticia 2</p>
<footer>
<p> opiniones sobre la noticia</p>
</footer>
</article>
<article>
<header>
<hgroup>
<h2>Título de la noticia 3</h2>
<h3>Subtítulo de la noticia 3</h3>
</hgroup>
<time datetime="2014/01/31" pubdate>Notícia publicada el día 31/01/2014</time>
</header>
<p>Noticia 3</p>
<p>Seguimos hablando de noticia 3</p>
<p>Terminamos de hablar de la noticia 3</p>
<footer>
<p>Comentarios</p>
</footer>
</article>
</section>
<footer id="pieprincipal">
<small>Derechos reservados</small> <address>Tfno:976365423</address>
</footer>
</body>
</html>
Aqui os dejo el código, nose que pasa pero de repente al querer cambiar una sola etiqueta la de <li> con esto <li style="background-color: #0F0#;>Quienes somos</li>
(todo esto con el sublime text que creo que no lo e metido bien... ;()
pues nose que ha pasado que se me a cambiado las letras de la pagina y se me han puestos todas las a asi à y justo al lado de las a esto ¡ un signo de exclamación necesito que me ayudeis a dejarlo como estaba porque estoy empezaando y nose si es por culpa de la hoja de estilo.css que e metido que aqui tambien os la voy a dejar
#cabeceraweb{background-color: #BDBDBD}
#navegacionprincipal{background-color: #58FAD0}
#barralateral{background-color: #9FF781; float: left; height: 1020px; }
#contenidoprincipal{background-color: #BE81F7; margin-left: 205px; padding-left: 30px; padding-top: 25px}
#pieprincipal{background-color: #F4FA58; clear: both; margin-top: 35px; }
li{background-color: #F5A9BC; display: inline;}
Gracias y por favor necesito respuestas.