Tecnología

Inicio

Cómo establecer una imagen como fondo en una celda de la tabla de páginas Web

La creación de una página web puede ser una tarea intimidante, especialmente si usted nunca ha hecho antes. Se requiere el conocimiento del HTML, CSS y, a menudo, las lenguas con el fin de posicionar y estilizar los elementos y objetos que van a ir en la página web. Sin embargo, cuando se entiende y puede utilizar estos idiomas, hay una variedad de opciones disponibles para usted, tales como ser capaz de añadir imágenes a una página web. Incluso es posible configurar una imagen como el fondo de una celda de una tabla.

Instrucciones

1 Abrir un programa de edición web o una aplicación de procesamiento de textos.

2 Abrir una página web existente o crear una nueva.

3 Agregar una tabla a la ubicación de la página web en la que desea que aparezca. El código HTML para una tabla de una célula es:

<Table> <tr> <td> </ td> </ tr> </ table>

Añadir más filas y celdas de la tabla añadiendo "<tr> </ tr>" etiquetas para filas alternas y "<td> </ td>" etiquetas para células adicionales, si se desea.

4 Agregue el código de estilo CSS para la imagen de fondo a la "<head> </ head>" sección de la página web. El código para una imagen llamada "cell_background.jpg" es:

. <Style type = "text / css"> style1 {background-image: url ( 'cell_background.jpg;);} </ style>

Cambiar la dirección URL para que apunte a la ubicación de la imagen que va a utilizar para el fondo de la celda.

5 Agregue la clase de la imagen de fondo a la etiqueta "<td>" en la mesa para que el HTML final es "<td class =" style1 ">".

Consejos y advertencias

  • Si desea establecer una imagen diferente imagen de fondo de una celda diferente, siga el mismo método, pero cambiar el nombre de la clase CSS.