Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
HTML PowerPoint Presentation

HTML

179 Views Download Presentation
Download Presentation

HTML

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