Poner un fondo

Bien hasta ahora hemos aprendido a escribir en nuestra Web, pero no crees que solo letras y un fondo blanco se ve muy triste, por lo tanto es la hora de ponerle un fondo a nuestra Web. Ahora debo decirte que hay dos formas, pero no desesperas la única diferencia es que una muestra una imagen de fondo y la otra un color de fondo, ambas súper fáciles, recuerde se siempre positivo y creativo ¿oki?.

La etiqueta

La etiqueta que usaremos no es precisamente una etiqueta, ¿Cómo? Dirás, pues simple lo que vamos a introducir es una propiedad o anexo a una etiqueta en este caso a , lo que colocaremos es lo siguiente para colocar una imagen de fondo, y para un color. #555555 es el número hexadecimal, ósea el número que define el color de fondo que queremos, en este caso gris.

Colores con nombre

Bien debo decirte que hay colores predeterminados que solo necesitan escribirse en ingles, por si no te conoces los el numero hexadecimal puedes poner el nombre de color en ingles, pero ojo esto se limita a ciertos colores. Continuación te mostrare la tabla de los colores que puedes poner:

Black Teal
Gray Blue
Silver Green
Red Lime
Purple Olive
Maroon Yellow
Fuchsia Aqua
Navy White

Poner la etiqueta (Imagen)

Listo ahora abre la página con el bloc de notas y escribe lo siguiente:

  1. <html>
  2. <head>
  3. <title>Mi primera web</title>
  4. </head>
  5. <body background="imagen.jpg">
  6. <p>Mi primer parrafo en HTML.</p>
  7. <p>Gracias a <a href="http://sqimperiun.webcindario.com">SQimperiun</a></p>
  8. </body>
  9. </html>

"imagen.jpg" lo puedes cambiar por la imagen que tu desees con todo y la extensión, sino no podras ver ningun fondo, por lo que se vera blanco, recuerda escribirlo igual al nombre original ¿oki?.

Poner la etiqueta (color)

Listo ahora abre la página con el bloc de notas y escribe lo siguiente:

  1. <html>
  2. <head>
  3. <title>Mi primera web</title>
  4. </head>
  5. <body bgcolor="#555555">
  6. <p>Mi primer parrafo en HTML.</p>
  7. <p>Gracias a <a href="http://sqimperiun.webcindario.com">SQimperiun</a></p>
  8. </body>
  9. </html>

Ya con esto hemos resuelto el problema del diseño de nuestra página Web, y fue fácil; sin problemas y sin códigos raros jeje :) . Si lo deseas puedes comparar tu página con este ejemplo:

Ejemplo 4 y Ejemplo 5

Nota

La imagen debe estar en la misma carpeta donde tienes la página, luego te dire como poner imágenes en otras carpetas, pero eso será después ¿oki?. Además la imagen a poner puede tener la extención , , o , si es diferente puede que nose vea en varios o todos los navegadores.

Reportar errores