-
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.