SlideShare una empresa de Scribd logo
1 de 12
*Podremos insertar tablas,
 filas y columnas, y
 modificar sus
 propiedades.
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.
imagen y texto




                             COLUMNA
       Texto dentro de una
       celda




FILA                         CELDA
Para crear una tabla hay que
 insertar las
 etiquetas <table> y </table>.
 Entre dichas etiquetas habrá
 que especificar las filas y
 columnas que formarán la tabla.
 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>.
 Por ejemplo, para crear una tabla con
  cinco filas escribiríamos:
 <table>
   <tr>...</tr>
   <tr>...</tr>
   <tr>...</tr>
   <tr>...</tr>
   <tr>...</tr>
  </table>
 Para crear una tabla no basta con especificar
  el número de filas, es necesario también
  especificar el número de columnas.
 Una celda es el resultado de la intersección
  entre una fila y una columna, por lo que
  podremos especificar el número de celdas por
  fila, que equivale a especificar el número de
  columnas por fila.
 Es necesario insertar las
  etiquetas <td> y </td> por cada una de las
  celdas que compongan cada una de las filas
  de la tabla. Por lo tanto, habrá que insertar
  esas etiquetas entre las
  etiquetas <tr> y </tr>.
Entre las
 etiquetas <td> y </td> se
 podrá especificar el
 contenido de cada una de
 las celdas. Por ejemplo, para
 insertar la siguiente tabla:
 Sábado , Domingo Curso HTML Curso Dream weaver Curso
  Frontpage Curso FlashHabría que escribir:
 <table border="1">
   <tr>
    <td>Sabado</td>
    <td>Domingo</td>
   </tr>
   <tr>
    <td>Curso HTML</td>
    <td>Curso Dreamweaver</td>
   </tr>
   <tr>
    <td>Curso Frontpage</td>
    <td>Curso Flash</td>
   </tr>
  </table>

Más contenido relacionado

La actualidad más candente (16)

Riveras
RiverasRiveras
Riveras
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
OMIDAS
OMIDASOMIDAS
OMIDAS
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
S.p.m6
S.p.m6S.p.m6
S.p.m6
 
Tu papa
Tu papaTu papa
Tu papa
 
Tablas
TablasTablas
Tablas
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Html v
Html vHtml v
Html v
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Pagina WEB (V)
Pagina WEB (V)Pagina WEB (V)
Pagina WEB (V)
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Red
RedRed
Red
 
Portada
PortadaPortada
Portada
 
Tablas
TablasTablas
Tablas
 

Destacado

Piràmides alimentaries
Piràmides alimentariesPiràmides alimentaries
Piràmides alimentarieselrebost
 
Esercizi per le vacanze 2
Esercizi per le vacanze 2Esercizi per le vacanze 2
Esercizi per le vacanze 2Sonia Russo
 
Spencer johnson quién se ha llevado mi queso
Spencer johnson   quién se ha llevado mi quesoSpencer johnson   quién se ha llevado mi queso
Spencer johnson quién se ha llevado mi quesoHelga Ashley Riveira
 
Jmj gonzalez vega brandon manuel (1)
Jmj gonzalez vega brandon manuel (1)Jmj gonzalez vega brandon manuel (1)
Jmj gonzalez vega brandon manuel (1)BrandonGonzalezVega
 
Reino animal 2
Reino animal 2Reino animal 2
Reino animal 2Ariane21
 

Destacado (8)

Codigoqr
CodigoqrCodigoqr
Codigoqr
 
Piràmides alimentaries
Piràmides alimentariesPiràmides alimentaries
Piràmides alimentaries
 
Esercizi per le vacanze 2
Esercizi per le vacanze 2Esercizi per le vacanze 2
Esercizi per le vacanze 2
 
Spencer johnson quién se ha llevado mi queso
Spencer johnson   quién se ha llevado mi quesoSpencer johnson   quién se ha llevado mi queso
Spencer johnson quién se ha llevado mi queso
 
Jmj gonzalez vega brandon manuel (1)
Jmj gonzalez vega brandon manuel (1)Jmj gonzalez vega brandon manuel (1)
Jmj gonzalez vega brandon manuel (1)
 
Nnttdefinitivo
NnttdefinitivoNnttdefinitivo
Nnttdefinitivo
 
Reino animal 2
Reino animal 2Reino animal 2
Reino animal 2
 
Death note
Death noteDeath note
Death note
 

Similar a Tablas

Similar a Tablas (17)

Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Red
RedRed
Red
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Trabajo5
Trabajo5Trabajo5
Trabajo5
 
Tablas
TablasTablas
Tablas
 
Penenope
PenenopePenenope
Penenope
 
Evidencia clase 5
Evidencia clase 5Evidencia clase 5
Evidencia clase 5
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Tablas

  • 1.
  • 2. *Podremos insertar tablas, filas y columnas, y modificar sus propiedades.
  • 3.
  • 4.
  • 5. 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.
  • 6. imagen y texto COLUMNA Texto dentro de una celda FILA CELDA
  • 7. Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla.
  • 8.  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>.
  • 9.  Por ejemplo, para crear una tabla con cinco filas escribiríamos:  <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table>
  • 10.  Para crear una tabla no basta con especificar el número de filas, es necesario también especificar el número de columnas.  Una celda es el resultado de la intersección entre una fila y una columna, por lo que podremos especificar el número de celdas por fila, que equivale a especificar el número de columnas por fila.  Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.
  • 11. Entre las etiquetas <td> y </td> se podrá especificar el contenido de cada una de las celdas. Por ejemplo, para insertar la siguiente tabla:
  • 12.  Sábado , Domingo Curso HTML Curso Dream weaver Curso Frontpage Curso FlashHabría que escribir:  <table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table>