SlideShare una empresa de Scribd logo
1 de 5
Colegio nacional Nicolás esguerra
Daniel pachón ángel
Edward neuta Arévalo
Página web V
TABLAS
Tabla <table>
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
Fila <tr>
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>
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:
Sabado Domingo
Curso HTML Curso Dreamweaver
Curso Frontpage Curso Flash
<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>
Resultado
Código:
<html>
<head>
</title>air jordan 905</title>
</head>
<!--esta pagina web es elaborada por daniel pachon angel y edward neuta 905//-->
<body bgcolor="green">
<hr>
<marquee bgcolor="yellow"behavior="alternatedirection="right"><h3>BIENVENIDOSA NUESTRA
EMPRESA AIR JORDAN </MARQUEE><br>
<hr>
nuestra empresa brinda servicios de calidad<br>
<br>
<center><fond color="orange" size="22" face="comic sans ms"><b>air
jordan</b></font><br></center>
<fond color="red" size="22" face="arial"><k></i></font><br>
<center><img src ="imagenes/LOGO.jpg" alt="logo airjordan" border= "3"width="900"
height="200"></center>
<center><img src ="imagenes/JORDAN1.jpg" alt="logo airjordan" border=
"3"width="450" height="180"></center>
<center><img src ="imagenes/JORDAN2.jpg" alt="logo airjordan" border=
"3"width="450" height="180">
<img src ="imagenes/JORDAN3.jpg" alt="logo airjordan" border= "3"width="450"
height="180>"</center>
<center><table border="1"></center>
<table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000"
bgcolor="YELLOW">
<tr>
<td>talla</td>
<td>modelo</td>
</tr>
<tr>
<td>35-39</td>
<td>airjordan retro</td>
</tr>
<tr>
<td>40-42</td>
<td>airjordan 6</td>
</tr>
</table>
<font color ="black"size="4"face="comic sans ms"><B>air jordan</B<</front>
<font color ="grey" size="2" face "arial"><i></B></FRONT><br>
<center><img src ="imagenes/jordan.gif" alt="logo airjordan" border=
"3"width="500" height="180>"
<img src ="imagenes/JORDAN.gif" alt="logo airjordan" border= "3"width="400"
height="160>"</center>
<hr aling="center" width="50" color="red"noshade>
<pre> air jordan 2015
colegio nacional nicolas esguerra
calle 7 N° 87- 59 bogota colombia
TIC/EDWARDNEUTA905.BLOGSPOT.COM
</body>
</html>
<hr>

Más contenido relacionado

La actualidad más candente (17)

Indes.html
Indes.htmlIndes.html
Indes.html
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Penenope
PenenopePenenope
Penenope
 
Pagina WEB (V)
Pagina WEB (V)Pagina WEB (V)
Pagina WEB (V)
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Taller5
Taller5Taller5
Taller5
 
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
 
Etiquetas en html
Etiquetas en htmlEtiquetas en html
Etiquetas en html
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Portada
PortadaPortada
Portada
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 

Destacado

Przysłowia polskie - Listopad
Przysłowia polskie - ListopadPrzysłowia polskie - Listopad
Przysłowia polskie - ListopadModelarnia Marki
 
Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016
Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016
Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016GAMD_UNEFA
 
League of legends
League of legendsLeague of legends
League of legendsIan-ML
 
La transferencia del conocimiento de manera digital
La transferencia del conocimiento de manera digitalLa transferencia del conocimiento de manera digital
La transferencia del conocimiento de manera digitalmarijosepriego4
 
Tamayo y tamayo mod 2 la investigac
Tamayo y tamayo mod 2 la investigacTamayo y tamayo mod 2 la investigac
Tamayo y tamayo mod 2 la investigacflaviagoias
 
Diapositivas parte 4
Diapositivas parte 4Diapositivas parte 4
Diapositivas parte 404161180068
 
Nietypowe święta - Listopad
Nietypowe święta - ListopadNietypowe święta - Listopad
Nietypowe święta - ListopadModelarnia Marki
 
Aula preocessos superficiais, conservação e uso de geossintéticos
Aula preocessos superficiais, conservação e uso de geossintéticosAula preocessos superficiais, conservação e uso de geossintéticos
Aula preocessos superficiais, conservação e uso de geossintéticosCarolina Corrêa
 
KBP User Survey Report - Final
KBP User Survey Report - FinalKBP User Survey Report - Final
KBP User Survey Report - FinalTerah Summers
 
prezi Diseños de paginas web
 prezi  Diseños de paginas web prezi  Diseños de paginas web
prezi Diseños de paginas webPiPe DiAz
 
Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015
Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015
Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015eCommerce Institute
 

Destacado (19)

Ximena
XimenaXimena
Ximena
 
M1_S1
M1_S1M1_S1
M1_S1
 
Przysłowia polskie - Listopad
Przysłowia polskie - ListopadPrzysłowia polskie - Listopad
Przysłowia polskie - Listopad
 
Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016
Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016
Presentacion inducción a Trabajo especial de Grado TEG Periodo 1-2016
 
League of legends
League of legendsLeague of legends
League of legends
 
La transferencia del conocimiento de manera digital
La transferencia del conocimiento de manera digitalLa transferencia del conocimiento de manera digital
La transferencia del conocimiento de manera digital
 
Tamayo y tamayo mod 2 la investigac
Tamayo y tamayo mod 2 la investigacTamayo y tamayo mod 2 la investigac
Tamayo y tamayo mod 2 la investigac
 
Diapositivas parte 4
Diapositivas parte 4Diapositivas parte 4
Diapositivas parte 4
 
Nietypowe święta - Listopad
Nietypowe święta - ListopadNietypowe święta - Listopad
Nietypowe święta - Listopad
 
FOCUS PDCA
FOCUS PDCAFOCUS PDCA
FOCUS PDCA
 
Tarea del Seminario 3
Tarea del Seminario 3Tarea del Seminario 3
Tarea del Seminario 3
 
Tarea 3
Tarea 3Tarea 3
Tarea 3
 
Aula preocessos superficiais, conservação e uso de geossintéticos
Aula preocessos superficiais, conservação e uso de geossintéticosAula preocessos superficiais, conservação e uso de geossintéticos
Aula preocessos superficiais, conservação e uso de geossintéticos
 
KBP User Survey Report - Final
KBP User Survey Report - FinalKBP User Survey Report - Final
KBP User Survey Report - Final
 
prezi Diseños de paginas web
 prezi  Diseños de paginas web prezi  Diseños de paginas web
prezi Diseños de paginas web
 
Prezi pdf
Prezi pdfPrezi pdf
Prezi pdf
 
Visit in Poland
Visit in PolandVisit in Poland
Visit in Poland
 
Alvaro3
Alvaro3Alvaro3
Alvaro3
 
Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015
Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015
Presentación Jose Gabriel Carrasco​ - eCommerceForum Moda Santiago 2015
 

Similar a Colegio nacional nicolás esguerra (19)

Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Riveras
RiverasRiveras
Riveras
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Ddd
DddDdd
Ddd
 
S.p.m6
S.p.m6S.p.m6
S.p.m6
 
Html trabajo 5 informatica 904
Html trabajo 5 informatica 904Html trabajo 5 informatica 904
Html trabajo 5 informatica 904
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Red
RedRed
Red
 
Red
RedRed
Red
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
Unidad V
Unidad V Unidad V
Unidad V
 
Html v
Html vHtml v
Html v
 

Más de Daniel Esteban

Más de Daniel Esteban (17)

COLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRACOLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRA
 
Word 2010
Word 2010Word 2010
Word 2010
 
Colegio 7
Colegio 7Colegio 7
Colegio 7
 
Colegio 6
Colegio 6Colegio 6
Colegio 6
 
Colegio 5
Colegio 5Colegio 5
Colegio 5
 
Colegio 4
Colegio 4Colegio 4
Colegio 4
 
Colegio 3
Colegio 3Colegio 3
Colegio 3
 
Colegio 2
Colegio 2Colegio 2
Colegio 2
 
Colegio 1
Colegio 1Colegio 1
Colegio 1
 
Colegio nacional nicolas esguerra 0
Colegio nacional nicolas esguerra 0Colegio nacional nicolas esguerra 0
Colegio nacional nicolas esguerra 0
 
Formularios 1
Formularios 1      Formularios 1
Formularios 1
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Colegio nacional nicolás esguerra 1
Colegio nacional nicolás esguerra 1Colegio nacional nicolás esguerra 1
Colegio nacional nicolás esguerra 1
 
Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4
 
Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2
 
Colegio nacional nicolás esguerra 6
Colegio nacional nicolás esguerra 6Colegio nacional nicolás esguerra 6
Colegio nacional nicolás esguerra 6
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 

Último

Inyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfInyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfmiltonantonioescamil
 
Ergonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptxErgonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptxmolinabdiego93
 
lollllllllllllllllllllllllllllllllllllllllllllllll
lolllllllllllllllllllllllllllllllllllllllllllllllllollllllllllllllllllllllllllllllllllllllllllllllll
lollllllllllllllllllllllllllllllllllllllllllllllllJesusFlores332
 
la historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionla historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionemanuelrosalezsanche
 
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhjonathancallenteg
 
Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023danyercatari1
 

Último (6)

Inyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfInyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdf
 
Ergonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptxErgonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptx
 
lollllllllllllllllllllllllllllllllllllllllllllllll
lolllllllllllllllllllllllllllllllllllllllllllllllllollllllllllllllllllllllllllllllllllllllllllllllll
lollllllllllllllllllllllllllllllllllllllllllllllll
 
la historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionla historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucion
 
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
 
Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023
 

Colegio nacional nicolás esguerra

  • 1. Colegio nacional Nicolás esguerra Daniel pachón ángel Edward neuta Arévalo Página web V TABLAS Tabla <table> 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
  • 2. Fila <tr> 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> 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
  • 3. 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: Sabado Domingo Curso HTML Curso Dreamweaver Curso Frontpage Curso Flash <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> Resultado Código: <html> <head> </title>air jordan 905</title> </head> <!--esta pagina web es elaborada por daniel pachon angel y edward neuta 905//--> <body bgcolor="green"> <hr> <marquee bgcolor="yellow"behavior="alternatedirection="right"><h3>BIENVENIDOSA NUESTRA EMPRESA AIR JORDAN </MARQUEE><br> <hr> nuestra empresa brinda servicios de calidad<br> <br> <center><fond color="orange" size="22" face="comic sans ms"><b>air jordan</b></font><br></center> <fond color="red" size="22" face="arial"><k></i></font><br> <center><img src ="imagenes/LOGO.jpg" alt="logo airjordan" border= "3"width="900" height="200"></center> <center><img src ="imagenes/JORDAN1.jpg" alt="logo airjordan" border= "3"width="450" height="180"></center> <center><img src ="imagenes/JORDAN2.jpg" alt="logo airjordan" border= "3"width="450" height="180"> <img src ="imagenes/JORDAN3.jpg" alt="logo airjordan" border= "3"width="450" height="180>"</center> <center><table border="1"></center>
  • 5. <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="YELLOW"> <tr> <td>talla</td> <td>modelo</td> </tr> <tr> <td>35-39</td> <td>airjordan retro</td> </tr> <tr> <td>40-42</td> <td>airjordan 6</td> </tr> </table> <font color ="black"size="4"face="comic sans ms"><B>air jordan</B<</front> <font color ="grey" size="2" face "arial"><i></B></FRONT><br> <center><img src ="imagenes/jordan.gif" alt="logo airjordan" border= "3"width="500" height="180>" <img src ="imagenes/JORDAN.gif" alt="logo airjordan" border= "3"width="400" height="160>"</center> <hr aling="center" width="50" color="red"noshade> <pre> air jordan 2015 colegio nacional nicolas esguerra calle 7 N° 87- 59 bogota colombia TIC/EDWARDNEUTA905.BLOGSPOT.COM </body> </html> <hr>