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

Destacado (18)

CaseStudyFinalReport.docx
CaseStudyFinalReport.docxCaseStudyFinalReport.docx
CaseStudyFinalReport.docx
 
תיק עבודות מצגת
תיק עבודות  מצגתתיק עבודות  מצגת
תיק עבודות מצגת
 
Tipos investigacion
Tipos investigacionTipos investigacion
Tipos investigacion
 
Κρεμλίνο Περιγραφή-Μυστήρια
Κρεμλίνο Περιγραφή-ΜυστήριαΚρεμλίνο Περιγραφή-Μυστήρια
Κρεμλίνο Περιγραφή-Μυστήρια
 
Métodos anticonceptivos
Métodos anticonceptivosMétodos anticonceptivos
Métodos anticonceptivos
 
Session 55 Åke Sjödin
Session 55 Åke SjödinSession 55 Åke Sjödin
Session 55 Åke Sjödin
 
BIENVENIDA
BIENVENIDABIENVENIDA
BIENVENIDA
 
Framlar.sem.001e.pd fadapt
Framlar.sem.001e.pd fadaptFramlar.sem.001e.pd fadapt
Framlar.sem.001e.pd fadapt
 
Rise of node(Part I)
Rise of node(Part I)Rise of node(Part I)
Rise of node(Part I)
 
Zoho
ZohoZoho
Zoho
 
Skills for employability in the informal economy
Skills for employability in the informal economySkills for employability in the informal economy
Skills for employability in the informal economy
 
Iana dotcenko cv eng
Iana dotcenko cv   engIana dotcenko cv   eng
Iana dotcenko cv eng
 
Philips Business Presentation 2011
Philips Business Presentation 2011Philips Business Presentation 2011
Philips Business Presentation 2011
 
Stewardship3
Stewardship3Stewardship3
Stewardship3
 
Home Ownership 101
Home Ownership 101Home Ownership 101
Home Ownership 101
 
Thinking Laterally to Unlock Your Assets and Enable Development in Hard Times
Thinking Laterally to Unlock Your Assets and Enable Development in Hard TimesThinking Laterally to Unlock Your Assets and Enable Development in Hard Times
Thinking Laterally to Unlock Your Assets and Enable Development in Hard Times
 
Faringe
FaringeFaringe
Faringe
 
03 1 p martinez naroa
03 1 p martinez naroa03 1 p martinez naroa
03 1 p martinez naroa
 

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 Edward Neuta

COLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRACOLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRAEdward Neuta
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Edward Neuta
 
Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4Edward Neuta
 
Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2Edward Neuta
 
Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3Edward Neuta
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraEdward Neuta
 

Más de Edward Neuta (6)

COLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRACOLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRA
 
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 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 3
Colegio nacional nicolás esguerra 3Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Ú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
 
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
 
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
 
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
 
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhjonathancallenteg
 

Ú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
 
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
 
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
 
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
 
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
 

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>