Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
Tablas
Tablas
Cargando en…3
×

Eche un vistazo a continuación

1 de 14 Anuncio
Anuncio

Más Contenido Relacionado

Similares a Codigos html (20)

Anuncio

Más reciente (20)

Codigos html

  1. 1. EXC15_UNIDAD 3_HTML Sofía García Maldonado Colegio Bucerias Preparatoria 1B Azucena Cervantes 29/05/2015
  2. 2. Tabla en código HTML Una tabla HTML puede ser considerada como un grupo de filas donde cada una de ellas contiene un grupo de celdas .Las tablas, como toda estructura en los documentos HTML, son definidas usando elementos. Una tabla en html viene marcada por las etiquetas <table> </table>.
  3. 3. TR y TD en html Td define las columnas y tr define las filas en una tabla
  4. 4. Borde para una tabla <table border=1 cellspacing=0 cellpadding=2 bordercolor="666633">
  5. 5. TABLA INVISIBLE Para que salga invisible la tabla,solo omites la palabra border en el código <table border>
  6. 6. Colspan y Rowspan Rowspan, indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila. Colspan, indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna. De esta forma si ponemos <td colsan=2>, quiere decir que la celda actual se extiende en el ancho de dos celdas. Algo parecido ocurre si ponemos <td rowspan=3>, la celda ocupará el alto de 3 celdas normales.
  7. 7. Rowspan <html> <head> <meta charset="utf-8"> <title>Ejemplo del uso de tablas- aprenderaprogramar.com</title> </head> <body> <table border="2px"> <!-- Lo cambiaremos por CSS --> <tr> <td rowspan="3">Campo unificado</td> <td>Campo 2</td> <td>Campo 3</td> </tr> <tr> <td>Campo 5</td> <td>Campo 6</td> </tr> <tr> <td>Campo 8</td> <td>Campo 9</td> </tr> </table> </body> </html>
  8. 8. Colspan  <table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$100</td> </tr> <tr> <td colspan="2">Sum: $180</td> </tr> </table>
  9. 9. CELL PADDING Especifica el espacio, en píxeles, entre la pared celular y el contenido celular.
  10. 10. CELL SPACING Especifica el espacio, en píxeles, entre las células.
  11. 11. Fondo en una celda Para ponerle color a una celda utilizamos el atributo bgcolor=“  <table border="1" cellpadding="0" cellspacing="0" width="50%"> <tr> <td width="50%" bgcolor="red"></td> <td width="50%" bgcolor="blue"></td>
  12. 12. Fondo de imagen  Se utiliza el mismo atributo background, aunque aplicado a otras etiquetas. <table background="fondo.gif"> <td background="fondo.gif">
  13. 13. Alinear el contenido de tu tabla  El lugar concreto donde aparezca este título lo indicamos con el atributo ALIGN. Si indicamos TOP (que es la opción por defecto), este aparecerá sobre la tabla, si usamos BOTTON, debería aparecer al pié de esta, con la opción LEFT hacemos que se vea a la izquierda de la tabla, y con RIGHT se smostrará a la derecha.
  14. 14. APA  HTML quick(2015) Tabla en html  29/05/2015  http://www.htmlquick.com/es/tutorials/tables.html  W3school(2015)Tr y Td  29/05/2015  http://www.w3schools.com/html/html_tables.asp  Ciber tareas(2015)Tabla invisible  29/05/2015  http://cibertareas.info/codigo-para-insertar-una-tabla-en-html-herramientas-informaticas-2.html  W3schools(2015)Rowspan y Colspan  29/05/2015  http://www.w3schools.com/tags/att_td_colspan.asp  http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_colspan  http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=516:crear-tablas-html-colspan-y-rowspan- unir-celdas-horizontal-y-vertical-tr-td-th-caption-o-titulo-cu00719b&catid=69:tutorial-basico-programador-web-html-desde- cero&Itemid=192  http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp  W3schools(2015)Cellpadding & Cellspacing  http://www.w3schools.com/tags/att_table_cellspacing.asp http://www.w3schools.com/tags/att_table_cellpadding.asp  Desarrollo web(2015Fondos  29/05/2015  http://www.desarrolloweb.com/articulos/1384.php  http://www.aulafacil.com/cursos/l19275/informatica/crear-paginas-web/html/color-de-las-tablas  Curso de HTML(2015)  29/05/2015  http://www.psicobyte.com/html/curso/html8.html

×