SlideShare una empresa de Scribd logo
1 de 6
Tablas en HTML
Por Ismael Zepeda.
4101
Como insertar
tablas.
 Las tablas más sencillas de HTML se definen con tres etiquetas:
 <table> para crear la tabla.
 <tr> para crear cada fila.
 <td> para crear cada columna.
Ejemplo:
 <table>

 <tr>

 <td><strong>Curso</strong></td>

 <td><strong>Horas</strong></td>

 <td><strong>Horario</strong></td>

 </tr>


 <tr>

 <td>CSS</td>

 <td>20</td>
 <td>16:00 - 20:00</td>
 </tr>


 <tr>
 <td>HTML</td>
 <td>20</td>

 <td>16:00 - 20:00</td>

 </tr>

 <tr>
 <td>Dreamweaver</td>

Ejemplo
Ilustrado
Definicion.
 La altura y anchura global de una tabla se indica dentro del
atributo <TABLE>, que señala la apertura y cierre de una
tabla. Las dimensiones se definen mediante WIDTH (ancho)
y HEIGHT (alto) y pueden expresarse en píxel o en tantos
por ciento respecto a la página:
<TABLE WIDTH=500>
</TABLE>
Gracias!!!!

Más contenido relacionado

La actualidad más candente (13)

Tablas
TablasTablas
Tablas
 
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
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Ddd
DddDdd
Ddd
 
Riveras
RiverasRiveras
Riveras
 
4
44
4
 
Creación de tablas en HTML
Creación de tablas en HTMLCreación de tablas en HTML
Creación de tablas en HTML
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
OMIDAS
OMIDASOMIDAS
OMIDAS
 
Unidad V
Unidad V Unidad V
Unidad V
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 

Destacado (9)

Informen de evaluación y seguimiento de consejos tecnicos escolares ruta de ...
Informen de evaluación y seguimiento de consejos tecnicos escolares  ruta de ...Informen de evaluación y seguimiento de consejos tecnicos escolares  ruta de ...
Informen de evaluación y seguimiento de consejos tecnicos escolares ruta de ...
 
資管新生培育與競爭力營造
資管新生培育與競爭力營造資管新生培育與競爭力營造
資管新生培育與競爭力營造
 
Presentación innova tic final
Presentación innova tic finalPresentación innova tic final
Presentación innova tic final
 
BFAM 330 Philosophy Paper
BFAM 330 Philosophy PaperBFAM 330 Philosophy Paper
BFAM 330 Philosophy Paper
 
TerrorismEssay
TerrorismEssayTerrorismEssay
TerrorismEssay
 
Process exploration: Web application user experience
Process exploration: Web application user experienceProcess exploration: Web application user experience
Process exploration: Web application user experience
 
Presentation expect more from your storage
Presentation   expect more from your storagePresentation   expect more from your storage
Presentation expect more from your storage
 
直播产品方向讨论
直播产品方向讨论直播产品方向讨论
直播产品方向讨论
 
Presentation v mware v-cloud director technical overview
Presentation   v mware v-cloud director technical overviewPresentation   v mware v-cloud director technical overview
Presentation v mware v-cloud director technical overview
 

Similar a Tablas en Html (20)

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Tablas
TablasTablas
Tablas
 
Inf2 exc15 p1_a_unidad 3_html_victor manuel radilla benitez
Inf2 exc15 p1_a_unidad 3_html_victor manuel radilla benitezInf2 exc15 p1_a_unidad 3_html_victor manuel radilla benitez
Inf2 exc15 p1_a_unidad 3_html_victor manuel radilla benitez
 
Trabajo5
Trabajo5Trabajo5
Trabajo5
 
Portada
PortadaPortada
Portada
 
Tablas en html
Tablas en htmlTablas en html
Tablas en html
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Penenope
PenenopePenenope
Penenope
 
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdfsites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
 
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
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
TABLAS CSS
TABLAS CSSTABLAS CSS
TABLAS CSS
 
Html v
Html vHtml v
Html v
 
internet
internetinternet
internet
 

Tablas en Html

  • 1. Tablas en HTML Por Ismael Zepeda. 4101
  • 2. Como insertar tablas.  Las tablas más sencillas de HTML se definen con tres etiquetas:  <table> para crear la tabla.  <tr> para crear cada fila.  <td> para crear cada columna.
  • 3. Ejemplo:  <table>   <tr>   <td><strong>Curso</strong></td>   <td><strong>Horas</strong></td>   <td><strong>Horario</strong></td>   </tr>    <tr>   <td>CSS</td>   <td>20</td>  <td>16:00 - 20:00</td>  </tr>    <tr>  <td>HTML</td>  <td>20</td>   <td>16:00 - 20:00</td>   </tr>   <tr>  <td>Dreamweaver</td> 
  • 5. Definicion.  La altura y anchura global de una tabla se indica dentro del atributo <TABLE>, que señala la apertura y cierre de una tabla. Las dimensiones se definen mediante WIDTH (ancho) y HEIGHT (alto) y pueden expresarse en píxel o en tantos por ciento respecto a la página: <TABLE WIDTH=500> </TABLE>