Flamenca escribió:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>"Página principal del ejemplo CCTW"</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
Bienvenidos a mi página web. Pronto estara lista.</p>
Página creada gracias a cajonesmartinez</P>
</html>
-------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
</head>
<body>
body {background-color: #BA55D3 ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
</body>
</html>
Esto es lo que tengo escrito, muchas gracias
Hola:
El primer grupo de códigos que a puesto son los que tiene en la página, solo que le ha faltado cerrar lo que se suele llamar el cuerpo, El cuerpo es la parte que uno ve en la pantalla, ese cuerpo utiliza una etiqueta que abre <body> y una etiqueta que cierra </body>. Así (como le muestro abajo) debiera de tener los códigos en su página:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>"Página principal del ejemplo CCTW"</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
Bienvenidos a mi página web. Pronto estara lista.</p>
Página creada gracias a cajonesmartinez</P>
</body>
</html>
En cuanto a la hoja de estilo, que debe tener por nombre (por lo que veo) estilos.css. Debiera de tener puesto este código:
body {background-color: #BA55D3 ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
Exactamente así, sin añadirle nada mas por ahora.
Los códigos que se ponen en la hoja de estilo suelen ser diferentes de los que se ponen en la página, por ejemplo, los códigos que se usan en una página con extensión html, como por ejemplo el index.html, usted ve que se utilizan lo que se llama etiquetas, por ejemplo
<html> etiqueta que abre el html
<head>etiqueta que abre la parte que no se ve de la pagina
<title> etiqueta que abre donde va el titulo de la pagina
</title> etiqueta que cierra donde va el titulo
</head> etiqueta que cierra la parte que no se ve de la pagina
<body> etiqueta que abre lo que se verá en la pagina
etiqueta que abre para escribir un parrafo
</p> etiqueta que cierra ese parrafo
</body> etiqueta que cierra lo que se verá en la pagina
</html> etiqueta que cierra el codigo html
Asi funcionan las etiquetas en la página. Ahora todo lo que usted pone entre el
<body> etiqueta que abre el cuerpo, y </body> etiqueta que cierra el cuerpo es lo que se verá en la pantalla.
Ahora para darle color a ese body, y ponerle una imagen de fondo, para eso se usa una hoja de estilo que termina con la extensión css
Por eso uno cuando se habla de los códigos html, se refiere a los códigos que están en la página. Y cuando uno habla de los codigos css, se refiere a los que hay en la hoja de estilo, y en la hoja de estilo las cosas se ponen de diferente manera, por ejemplo para referirse al <body> </body> que hay en la página, uno escribe en la hoja de estilo esto:
body
Y para ponerle color al body que hay en la página, uno en la hoja de estilo escribe:
body{background-color:#BA55D3;}
Y si quiere poner una imagen de fondo en el body de la pagina, uno debe poner en la hoja de estilo
body{background-color:#BA55D3;background-image:url etc. etc. etc. ;}
Saludos
