SlideShare a Scribd company logo
1 of 5
Colegio Nacional Nicolas Esguerra
902
Juan Diego Cardenas Perdomo
Daniel Cardozo Perez
Miguel Esteban Rincon Parra
TABLAS
Tabla <table>
Las tablasestánformadaspor celdas,que sonlosrecuadrosque se obtienencomoresultadode la
intersección entre unafilayunacolumna.
Para crear una tablahay que insertarlasetiquetas<table>y</table>.Entre dichasetiquetashabrá
que especificarlasfilasycolumnasque formaránlatabla.
Columnaocelda<td>
Para crear una tablano basta con especificarel númerode filas,esnecesariotambiénespecificar
el númerode columnas.
Una celdaes el resultadode laintersecciónentreunafilayunacolumna,por loque podremos
especificarel númerode celdasporfila,que equivale aespecificarel número de columnasporfila.
Es necesarioinsertarlasetiquetas<td>y </td> por cada una de las celdasque compongancada
una de las filasde latabla.Por lotanto,habrá que insertaresasetiquetasentre lasetiquetas<tr>y
</tr>.
Entre lasetiquetas<td>y </td> se podrá especificarel contenidode cadaunade lasceldas.Por
ejemplo, parainsertarlasiguiente tabla:
Formatode latabla
Es posible modificarlossiguientesatributosde unatabla:
Tambiénesposible modificarestosatributosde toda unafila,especificándolosenlaetiqueta<tr>,
enlugar de enla etiqueta<td>.
Hay que tenerencuentaque los atributostienenmásprioridadcuandosonestablecidosparauna
celdaque cuandoson establecidosparaunafilacompleta.Al mismotiempo,tienenmásprioridad
losatributosestablecidosparaunafilaque losestablecidosparatodala tabla.
Por ejemplo,si escribiéramosel siguientecódigo:
<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>
Obtendríamoslasiguientetabla:
CODIGOS
RESULTADO
Tablas

More Related Content

What's hot (16)

Tablas
TablasTablas
Tablas
 
S.p.m6
S.p.m6S.p.m6
S.p.m6
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
4
44
4
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Tablas
TablasTablas
Tablas
 
Ddd
DddDdd
Ddd
 
Tablas
TablasTablas
Tablas
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Manejo de tablas
Manejo de tablas Manejo de tablas
Manejo de tablas
 
Html trabajo 5 informatica 904
Html trabajo 5 informatica 904Html trabajo 5 informatica 904
Html trabajo 5 informatica 904
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
tablas
tablastablas
tablas
 
Tablas
TablasTablas
Tablas
 

Viewers also liked

Viewers also liked (20)

Jovens Brasileiros e o Mundo Mobile
Jovens Brasileiros e o Mundo MobileJovens Brasileiros e o Mundo Mobile
Jovens Brasileiros e o Mundo Mobile
 
Dagger1
Dagger1Dagger1
Dagger1
 
Raising the efficiency of the open education system
Raising the efficiency of the open education system Raising the efficiency of the open education system
Raising the efficiency of the open education system
 
British and American
British and AmericanBritish and American
British and American
 
Proyecto bloque 2
Proyecto bloque 2Proyecto bloque 2
Proyecto bloque 2
 
Panorámicas
PanorámicasPanorámicas
Panorámicas
 
Plano de 5ªaula 5ªserie 6º ano gestar 2012 cópia
Plano de 5ªaula 5ªserie 6º ano gestar 2012   cópiaPlano de 5ªaula 5ªserie 6º ano gestar 2012   cópia
Plano de 5ªaula 5ªserie 6º ano gestar 2012 cópia
 
Dedinho
DedinhoDedinho
Dedinho
 
A previdência do servidor público estadual - Ari Lovera
A previdência do servidor público estadual - Ari LoveraA previdência do servidor público estadual - Ari Lovera
A previdência do servidor público estadual - Ari Lovera
 
Fotos
FotosFotos
Fotos
 
Ester - Bachelor's degree Diploma
Ester - Bachelor's degree DiplomaEster - Bachelor's degree Diploma
Ester - Bachelor's degree Diploma
 
No Estés Triste
No Estés TristeNo Estés Triste
No Estés Triste
 
American Express
American ExpressAmerican Express
American Express
 
027. Superhik Alkohol Prijeti
027. Superhik   Alkohol Prijeti027. Superhik   Alkohol Prijeti
027. Superhik Alkohol Prijeti
 
PEPTIC ULCER
PEPTIC ULCERPEPTIC ULCER
PEPTIC ULCER
 
Working Title Part 6
Working Title Part 6Working Title Part 6
Working Title Part 6
 
Audience Feedback
Audience FeedbackAudience Feedback
Audience Feedback
 
The Voicemail Script Part 4
The Voicemail Script Part 4The Voicemail Script Part 4
The Voicemail Script Part 4
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 
Presentación1
Presentación1Presentación1
Presentación1
 

Similar to Tablas

Similar to Tablas (18)

Colegio nacional nicolas esguerra tablasTWET
Colegio  nacional nicolas esguerra tablasTWETColegio  nacional nicolas esguerra tablasTWET
Colegio nacional nicolas esguerra tablasTWET
 
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 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Red
RedRed
Red
 
Penenope
PenenopePenenope
Penenope
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Web 5
Web 5Web 5
Web 5
 
Web3
Web3Web3
Web3
 
Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
tablas
tablastablas
tablas
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 

More from jcardenasperdomo (20)

trabajo
trabajotrabajo
trabajo
 
imagenes
imagenesimagenes
imagenes
 
Index4
Index4 Index4
Index4
 
Index3
Index3 Index3
Index3
 
Index2
Index2 Index2
Index2
 
Tablas html
Tablas htmlTablas html
Tablas html
 
Index 4
Index 4Index 4
Index 4
 
Index 3
Index 3Index 3
Index 3
 
Index 2
Index 2Index 2
Index 2
 
TEXTO HTML
TEXTO HTMLTEXTO HTML
TEXTO HTML
 
IMAGENES HTML
IMAGENES HTMLIMAGENES HTML
IMAGENES HTML
 
PORTADA 4 PERIODO
PORTADA 4 PERIODOPORTADA 4 PERIODO
PORTADA 4 PERIODO
 
HTML MARQUEE ETC
HTML MARQUEE ETCHTML MARQUEE ETC
HTML MARQUEE ETC
 
Html
HtmlHtml
Html
 
EVIDENCIA BASE DE DATOS
EVIDENCIA BASE DE DATOSEVIDENCIA BASE DE DATOS
EVIDENCIA BASE DE DATOS
 
Nordef
NordefNordef
Nordef
 
NORMAS ICONTEC
NORMAS ICONTECNORMAS ICONTEC
NORMAS ICONTEC
 
Plantilla Normas Icontec
Plantilla Normas IcontecPlantilla Normas Icontec
Plantilla Normas Icontec
 
Problema base de datos
Problema base de datosProblema base de datos
Problema base de datos
 
Plantilla normas icontec
Plantilla normas icontecPlantilla normas icontec
Plantilla normas icontec
 

Recently uploaded

Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdfValeriaCorrea29
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdfMiguelHuaman31
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOBRIGIDATELLOLEONARDO
 

Recently uploaded (20)

Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 

Tablas

  • 1. Colegio Nacional Nicolas Esguerra 902 Juan Diego Cardenas Perdomo Daniel Cardozo Perez Miguel Esteban Rincon Parra TABLAS Tabla <table> Las tablasestánformadaspor celdas,que sonlosrecuadrosque se obtienencomoresultadode la intersección entre unafilayunacolumna. Para crear una tablahay que insertarlasetiquetas<table>y</table>.Entre dichasetiquetashabrá que especificarlasfilasycolumnasque formaránlatabla. Columnaocelda<td>
  • 2. Para crear una tablano basta con especificarel númerode filas,esnecesariotambiénespecificar el númerode columnas. Una celdaes el resultadode laintersecciónentreunafilayunacolumna,por loque podremos especificarel númerode celdasporfila,que equivale aespecificarel número de columnasporfila. Es necesarioinsertarlasetiquetas<td>y </td> por cada una de las celdasque compongancada una de las filasde latabla.Por lotanto,habrá que insertaresasetiquetasentre lasetiquetas<tr>y </tr>. Entre lasetiquetas<td>y </td> se podrá especificarel contenidode cadaunade lasceldas.Por ejemplo, parainsertarlasiguiente tabla: Formatode latabla Es posible modificarlossiguientesatributosde unatabla:
  • 3. Tambiénesposible modificarestosatributosde toda unafila,especificándolosenlaetiqueta<tr>, enlugar de enla etiqueta<td>. Hay que tenerencuentaque los atributostienenmásprioridadcuandosonestablecidosparauna celdaque cuandoson establecidosparaunafilacompleta.Al mismotiempo,tienenmásprioridad losatributosestablecidosparaunafilaque losestablecidosparatodala tabla. Por ejemplo,si escribiéramosel siguientecódigo: <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>