leccion hoja de estilos

hola estoy en la leccion 2 ya he creado la hoja de estilos con notepad de window cuando abro el archivo index es cierto se nota el fondo naranja pero cuando lo visualizo por vista previa f12 el fondo es blanco
por siacaso te doy mi correo perso.gratisweb.com/sudamericano100
ha y tambien aparecebn unos codigos extraños que no entiendo aqui lo puedes ver:

<html>
<head>
<title>Bienvenidos a mi nueva pagina/title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
</title>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body>
Esta es mi pagina principal
</body>
</html>
hola esta pagina es muy buena los felicito
Vamos a ver, donde pones:

<head>
<title>Bienvenidos a mi nueva pagina/title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
</title>

Te sobra el último
</title>
, después según tu código, la hoja de estilos se llama "estilo.css" y está en la misma carpeta que el archivo html.

Por otra parte, si sigues el curso, de momento te aconsejaría que no pongas ningún script, me refiero a:

<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>