Tablas en Html
- 1. Mitchell Salazar Barradas Maestra: Azucena Cervantes Prepa 1.A 25/05/2015
- 2. Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.
- 3. A continuación se muestra el código HTML de una tabla sencilla:
- 4. Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la siguiente imagen:
- 7. El atributo border establece el grosor del borde de la tabla. El valor se interpreta en píxeles y no admite unidades. Si el valor es 0 o el atributo no está presente, los navegadores no dibujan ni el borde exterior de la tabla ni los bordes interiores de las celdas.
- 8. Esta atributo de HTML sirve para crear celdas que se extienden varias columnas. Se indica el numero de columnas necesarias para una celda. Por lo general, para una celda sólo se necesita una columna, y en ese caso no es necesario indicar ningún valor. pero si una celda se ha de extender, por ejemplo, en tres columnas, deberá asignar el valor COLSPAN="3". El uso de este atributo es opcional.
- 9. Este atributo de HTML se encarga de unir celdas repartidas por varias líneas. Con ayuda de este atributo se pueden unir varias celdas de una tabla repartidas por varias líneas. Esta opción es necesaria por ejemplo, cuando una de las celdas de la tabla debe ser más alta que las demás. En lugar de definir varias celdas, indique una sola celda y asígnele el atributo ROWSPAN. Como valor, transmítale al atributo el número de líneas que desea unir. El uso de este atributo es opcional. Los valores válidos para este atributo son todos los números enteros.
- 10. Este atributo nos permite especificar la distancia entre el margen interior de la celda y su contenido. En el caso de este atributo, si su valor es en pixeles los cuatro bordes de la celda deberían estar a la distancia indicada del contenido. En cambio si el valor es un porcentaje, los bordes superior e inferior estarán separados a una distancia porcentual del valor disponible verticalmente y lo mismo para los bordes derecho e izquierdo que estarán separados al porcentaje indicado del espacio disponible horizontalmente.
- 11. Este atributo permite determinar o especificar la distancia entre las celdas y entre las celdas y el margen exterior de la tabla. El valor de este atributo se mide en pixeles y es válido para todas las celdas.
- 12. Para cambiar el color a la celda <TD BGCOLOR="codigo de color">
- 13. Es muy similar a colocar una imagen de fondo en la pagina web. <table width="630" border="2" align="center" background="../images/barraFondo.jpg">
- 15. Tabla en html/2015/ http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html /Recuperado el 25/05/2015 “tr””td”/2014/ http://www.htmlya.com.ar/temarios/descripcion.php?cod=83&punto=19 / http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html / Recuperado el 25/05/2015 Borde/2014/ http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html / Recuperado el 25/05/2015 Colspan/2013/ http://jcarocota.tripod.com/Colspan.html /Recuperado el 25/05/2015 Rowspan/2013/ http://jcarocota.tripod.com/Rowspan.html /Recuperado el 25/05/2015 “Cell padding, cellspacing”/2014/ http://bobuu.blogspot.com/2010/09/83-html-tablas- atributos-cellspacing-y.html /Recuperado el 25/05/2015 Color de celda/2006/ http://www.mailxmail.com/curso-html/color-fondo-tablas /Recuperado el 25/05/2015
- 16. Imagen de fondo en una tabla/2008/ http://www.forosdelweb.com/f4/imagen-fondo- tabla-602115/ http://www.forosdelweb.com/f4/imagen-fondo-tabla-602115 /Recuperado el 25/05/2015 Alineación de texto en una tabla/2010/ http://www.tutores.org/codigo/1551/alinear- texto-dentro-de-celdas-y-tablas--valign/ / Recuperado el 25/05/2015