1 / 22

HTML

HTML. Tablas. Las tablas están formadas por  celdas , que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna. Creando tablas.

fynn
Download Presentation

HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML

  2. Tablas Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna.

  3. Creando tablas Para crear una tabla hay que insertar en el cuerpo del documento las etiquetas<table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla. <body> <table> </table> </body>

  4. FILAS: Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiqetas<table>y </table>. <table>  <tr>...</tr>  <tr>...</tr>  <tr>...</tr>  <tr>...</tr>  <tr>...</tr></table> Crear una lista con los días de la semana

  5. COLUMNAS: Para crear una tabla no basta con especificar el número de filas, es necesario también especificar el número de columnas. Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla.

  6. <table border="1">  <tr>    <td>lunes</td>    <td>martes</td>  </tr>  <tr>    <td>español</td>    <td>sociales</td>  </tr>  <tr>    <td>ingles</td>    <td>matematicas</td>  </tr></table><table border="1">  <tr>    <td>lunes</td>    <td>martes</td>  </tr>  <tr>    <td>español</td>    <td>sociales</td>  </tr>  <tr>    <td>ingles</td>    <td>matematicas</td>  </tr></table> Crear el horario de clase

  7. <table border="1">  <tr>    <td><imgsrc=«http://3.bp.blogspot.com/-F6QwwlXisEQ/UCT3KaUz1mI/AAAAAAAACpI/JHVAqwR8C6o/s640/foto+gatito.jpg »></td>    <td>><imgsrc=«http://fondosdecachorros.com/wp-content/uploads/images/ee/cachorros-de-perro.jpg»></td>  </tr></table>

  8. Atributos de las tablas

  9. Ejemplo: • <table width="50%" border="2" align="center" cellspacing="0"bordercolor="#000000"bgcolor="#FFCC99">  ...</table> Aplicar atributos de color al horario de clase

  10. Atributos Celdas

  11. Ejemplo: <html> <head> </head> <body> <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99"> <tralign="center" bgcolor="#0099CC"> <td>lunes</td> <tdbgcolor="#66CC99">martes</td> </tr> </table> </body> </html>

More Related