SlideShare una empresa de Scribd logo
1 de 6
COLEGIO NACIONAL NICOLAS
ESGUERRA
EDIFICAMOS FUTURO
NICOLAS DAVID OSSA CORREA
JHONATAN DAVID PAIBA ROJAS 901
PAGINAWEB V
Tablas
En este tema vamos a ver cómo trabajar con tablas. Podremos insertar
tablas, filas y columnas, y modificar sus propiedades.
FILA:
Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la
tabla. Estas etiquetas deberán insertarse entre las etiquetas <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>
Columna o celda <td>
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:
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
<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>
Formato de la tabla
Es posible modificar los siguientes atributos de una tabla:
Por ejemplo, para modificar la tabla de la página anterior para que quedase
como la siguiente:
Habría que escribir:
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="#000000" bgcolor="#FFCC99">
...
</table>
Formato de las celdas
Es posible modificar los siguientes atributos de una celda:
También es posible modificar estos atributos de toda una fila,
especificándolos en la etiqueta <tr>, en lugar de en la etiqueta <td>.
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="#000000" bgcolor="#FFCC99">
<tr align="center" bgcolor="#0099CC">
<td>Sabado</td>
<td bgcolor="#66CC99">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 (15)

Html trabajo 5 informatica 904
Html trabajo 5 informatica 904Html trabajo 5 informatica 904
Html trabajo 5 informatica 904
 
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
 
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
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Portada
PortadaPortada
Portada
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
Peres el yisus
Peres el yisusPeres el yisus
Peres el yisus
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Taller5
Taller5Taller5
Taller5
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 

Destacado (14)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Red
RedRed
Red
 
Colegio123
Colegio123Colegio123
Colegio123
 
Cole gio
Cole gioCole gio
Cole gio
 
Colegio12
Colegio12Colegio12
Colegio12
 
Entrevista a Javier Sánchez Partida en Regi Negocios
Entrevista a Javier Sánchez Partida en Regi NegociosEntrevista a Javier Sánchez Partida en Regi Negocios
Entrevista a Javier Sánchez Partida en Regi Negocios
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Javier sanchez-partida-chn-siembracultural
Javier sanchez-partida-chn-siembraculturalJavier sanchez-partida-chn-siembracultural
Javier sanchez-partida-chn-siembracultural
 
Colegio123
Colegio123Colegio123
Colegio123
 
Cole gio
Cole gioCole gio
Cole gio
 
Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
Innovations in Trauma Care
Innovations in Trauma CareInnovations in Trauma Care
Innovations in Trauma Care
 
EMS and TBI: Immediate Field Care for High Impact Injuries
EMS and TBI: Immediate Field Care for High Impact InjuriesEMS and TBI: Immediate Field Care for High Impact Injuries
EMS and TBI: Immediate Field Care for High Impact Injuries
 
Squeeze Play: Compartment Syndrome, Crush Injury & Rhabdomyolosis
Squeeze Play: Compartment Syndrome, Crush Injury & RhabdomyolosisSqueeze Play: Compartment Syndrome, Crush Injury & Rhabdomyolosis
Squeeze Play: Compartment Syndrome, Crush Injury & Rhabdomyolosis
 

Similar a Red (18)

Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
S.p.m6
S.p.m6S.p.m6
S.p.m6
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicolas esguerra tablasTWET
Colegio  nacional nicolas esguerra tablasTWETColegio  nacional nicolas esguerra tablasTWET
Colegio nacional nicolas esguerra tablasTWET
 
4
44
4
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Tablas
TablasTablas
Tablas
 
Trabajo5
Trabajo5Trabajo5
Trabajo5
 
Html v
Html vHtml v
Html v
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Tablas
Tablas Tablas
Tablas
 

Más de nicoossacorrea123 (20)

Miadopqejnqfjnowbwgnonoi
MiadopqejnqfjnowbwgnonoiMiadopqejnqfjnowbwgnonoi
Miadopqejnqfjnowbwgnonoi
 
Doc1
Doc1Doc1
Doc1
 
Tecno
TecnoTecno
Tecno
 
Doc1
Doc1Doc1
Doc1
 
Tecno
TecnoTecno
Tecno
 
Tecno
TecnoTecno
Tecno
 
Tecno
TecnoTecno
Tecno
 
Tecno
TecnoTecno
Tecno
 
Tecno
TecnoTecno
Tecno
 
Tecno
TecnoTecno
Tecno
 
Tecno
TecnoTecno
Tecno
 
Miadopqejnqfjnowbwgnonoi
MiadopqejnqfjnowbwgnonoiMiadopqejnqfjnowbwgnonoi
Miadopqejnqfjnowbwgnonoi
 
Miadopqejnqfjnowbwgnonoi
MiadopqejnqfjnowbwgnonoiMiadopqejnqfjnowbwgnonoi
Miadopqejnqfjnowbwgnonoi
 
Miadopqejnqfjnowbwgnonoi
MiadopqejnqfjnowbwgnonoiMiadopqejnqfjnowbwgnonoi
Miadopqejnqfjnowbwgnonoi
 
Miadopqejnqfjnowbwgnonoi
MiadopqejnqfjnowbwgnonoiMiadopqejnqfjnowbwgnonoi
Miadopqejnqfjnowbwgnonoi
 
Plantilla con-normas-icontec (1)
Plantilla con-normas-icontec (1)Plantilla con-normas-icontec (1)
Plantilla con-normas-icontec (1)
 
Access
AccessAccess
Access
 
Facturas
FacturasFacturas
Facturas
 
Facturas
FacturasFacturas
Facturas
 
Presentación1
Presentación1Presentación1
Presentación1
 

Último

Burger- la negación de la autonomia del arte en la vanguardia.pdf
Burger- la negación de la autonomia del arte en la vanguardia.pdfBurger- la negación de la autonomia del arte en la vanguardia.pdf
Burger- la negación de la autonomia del arte en la vanguardia.pdfAgusSonis
 
PRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasdPRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasdpachecojean639
 
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...albertodeleon1786
 
Presentación Foto Siluetas para curso de fotografía básica
Presentación Foto Siluetas para curso de fotografía básicaPresentación Foto Siluetas para curso de fotografía básica
Presentación Foto Siluetas para curso de fotografía básicakcajbonvm
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmolivayasser2
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjLuisMartinez556504
 
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.pptPRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.pptsalazarangela643
 
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfleonar947720602
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdfEXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdfVirginiaPrieto1
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxJheissonAriasSalazar
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolLuis José Ferreira Calvo
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio APabloBascur3
 
Catálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería CristianaCatálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería Cristianasomosartelife
 
Infografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la ArquitecturaInfografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la Arquitecturafrenyergt23
 

Último (17)

Burger- la negación de la autonomia del arte en la vanguardia.pdf
Burger- la negación de la autonomia del arte en la vanguardia.pdfBurger- la negación de la autonomia del arte en la vanguardia.pdf
Burger- la negación de la autonomia del arte en la vanguardia.pdf
 
PRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasdPRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasd
 
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
 
Presentación Foto Siluetas para curso de fotografía básica
Presentación Foto Siluetas para curso de fotografía básicaPresentación Foto Siluetas para curso de fotografía básica
Presentación Foto Siluetas para curso de fotografía básica
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
 
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.pptPRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
 
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdfEXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio A
 
Catálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería CristianaCatálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería Cristiana
 
Infografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la ArquitecturaInfografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la Arquitectura
 

Red

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO NICOLAS DAVID OSSA CORREA JHONATAN DAVID PAIBA ROJAS 901 PAGINAWEB V Tablas En este tema vamos a ver cómo trabajar con tablas. Podremos insertar tablas, filas y columnas, y modificar sus propiedades.
  • 2. FILA: Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas <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> Columna o celda <td> 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á
  • 3. especificar el contenido de cada una de las celdas. Por ejemplo, para insertar la siguiente tabla: <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table> <table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr>
  • 4. <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table> Formato de la tabla Es posible modificar los siguientes atributos de una tabla: Por ejemplo, para modificar la tabla de la página anterior para que quedase como la siguiente: Habría que escribir:
  • 5. <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99"> ... </table> Formato de las celdas Es posible modificar los siguientes atributos de una celda: También es posible modificar estos atributos de toda una fila, especificándolos en la etiqueta <tr>, en lugar de en la etiqueta <td>. <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99"> <tr align="center" bgcolor="#0099CC"> <td>Sabado</td> <td bgcolor="#66CC99">Domingo</td>
  • 6. </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table>