Ejemplo:El código siguiente es para crear uan sencilla tabla de 2 filas y 2 columnas.
<table bgcolor="#f4e3bc" border="1" cellpadding="5" style="width: 100%;">
<tbody>
<tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td></tr>
<tr><td>Texto o imagen 3</td><td>Texto o imagen 4</td></tr>
</tbody>
</table>
Explicación de las etiquetas:
- bgcolor:es el color del fondo de la tabla puedes consultar el código hexadecimal del color que quieres en esta web
- border: el tamaño del borde en píxeles, que se puede poner en cero si no queremos borde.
- cellpadding: el relleno dentro de la celda entre los bordes y el texto o las imágenes. Para ver cómo funciona esto, lo mejor es cambiar el número, que representa los píxeles.
- width: es la anchura de la tabla; en este caso, el 100% para que ocupe todo lo ancho del documento, pero también podemos ponerle un número de píxeles de ancho. Para esta anchura se utiliza la etiqueta style con código de hojas de estilo CSS; no es HTML.
- tbody: indica el cuerpo de la tabla.
- tr: crea una fila.
- td: crea una celda dentro de una fila.
No hay comentarios:
Publicar un comentario