SlideShare una empresa de Scribd logo
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 html

Más contenido relacionado

DOCX
Tu papa
DOCX
DOCX
DOCX
DOCX
Pagina web 5
DOCX
Peres el yisus

La actualidad más candente (16)

PPTX
DOCX
DOCX
Trabajo de cely word
DOCX
Indes.html
DOCX
DOCX
Tablas
DOCX
DOCX
DOCX
Pagina web 5
DOCX
Pagina web v
PDF
Manejo de tablas
DOCX
Html trabajo 5 informatica 904
DOCX
Colegio nacional nicolas esguerra
DOCX
Trabajo de cely word
Indes.html
Tablas
Pagina web 5
Pagina web v
Manejo de tablas
Html trabajo 5 informatica 904
Colegio nacional nicolas esguerra
Publicidad

Destacado (18)

PPT
Nelson Mandela
PPT
Australian Cricket In Crisis
PDF
P&G : Marketing Capabilities
PDF
書面Pdf
PDF
Project1_Skullcandy
PPT
Digital Profit Club - Group Purchasing in Social Media
PPTX
iPad and web 2.0 Presentation
PPT
Sticky Website Powerpoint
PPTX
Figure out what sucks
PPTX
Nelson Mandela
PPT
PREMIA GROUP - PROMOTERS PROFILE
PDF
AGNOVA's ScholenBoek 2017
PPTX
APPLIED AND BASIC INTRO OF SMALL INTESTINE
PPTX
Diasease of small intestine
PDF
Transforming Business with Cognitive APIs: What Innovative Business Strategie...
PDF
GlobalCollect winning payment strategies for BRIC countries part1
PPT
Reconstruccion de un Craneo de Homínido
Nelson Mandela
Australian Cricket In Crisis
P&G : Marketing Capabilities
書面Pdf
Project1_Skullcandy
Digital Profit Club - Group Purchasing in Social Media
iPad and web 2.0 Presentation
Sticky Website Powerpoint
Figure out what sucks
Nelson Mandela
PREMIA GROUP - PROMOTERS PROFILE
AGNOVA's ScholenBoek 2017
APPLIED AND BASIC INTRO OF SMALL INTESTINE
Diasease of small intestine
Transforming Business with Cognitive APIs: What Innovative Business Strategie...
GlobalCollect winning payment strategies for BRIC countries part1
Reconstruccion de un Craneo de Homínido
Publicidad

Similar a Tablas html (20)

DOCX
Pagina web 5.
DOCX
Pagina web v
PDF
Penenope
DOCX
Unidad 6
DOCX
DOCX
Colegio nacional nicolas esguerra
DOCX
Html v
DOCX
Pagina web v
DOCX
Colegio nacional nicolas esguerra
DOCX
DOCX
Colegio nicolas esguerra
DOCX
Colegio nicolas esguerraa
DOCX
Olivarko
DOCX
taller V
DOCX
Web3
DOCX
Colegio nacional nicolas esguerra
DOCX
DOCX
Pagina web 5.
Pagina web v
Penenope
Unidad 6
Colegio nacional nicolas esguerra
Html v
Pagina web v
Colegio nacional nicolas esguerra
Colegio nicolas esguerra
Colegio nicolas esguerraa
Olivarko
taller V
Web3
Colegio nacional nicolas esguerra

Más de jcardenasperdomo (20)

DOCX
DOCX
DOCX
DOCX
DOCX
DOCX
DOCX
DOCX
DOCX
DOCX
TEXTO HTML
DOCX
IMAGENES HTML
PPTX
PORTADA 4 PERIODO
DOCX
HTML MARQUEE ETC
DOCX
EVIDENCIA BASE DE DATOS
DOCX
DOCX
NORMAS ICONTEC
DOCX
Plantilla Normas Icontec
DOCX
Problema base de datos
DOCX
Plantilla normas icontec
TEXTO HTML
IMAGENES HTML
PORTADA 4 PERIODO
HTML MARQUEE ETC
EVIDENCIA BASE DE DATOS
NORMAS ICONTEC
Plantilla Normas Icontec
Problema base de datos
Plantilla normas icontec

Último (20)

PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PPTX
Doctrina 1 Soteriologuia y sus diferente
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
TOMO II - LITERATURA.pd plusenmas ultras
DOCX
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
DI, TEA, TDAH.pdf guía se secuencias didacticas
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
Doctrina 1 Soteriologuia y sus diferente
ciencias-1.pdf libro cuarto basico niños
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
caso clínico iam clinica y semiología l3.pptx
Punto Critico - Brian Tracy Ccesa007.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
TOMO II - LITERATURA.pd plusenmas ultras
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
2 GRADO UNIDAD 5 - 2025.docx para primaria
Tomo 1 de biologia gratis ultra plusenmas
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
Híper Mega Repaso Histológico Bloque 3.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
V UNIDAD - PRIMER GRADO. del mes de agosto

Tablas html

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