SlideShare una empresa de Scribd logo
1 de 8
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
Juan Carlos flechas prieto
Daniel franco Cardona
904
Pagina web 5
Tablas
Tabla <table>
Las tablas están formadas por celdas, que son los recuadros quese obtienen
como resultado de la intersección entre una fila y una columna. Para crear
una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas
etiquetas habrá que especificar las filas y columnas que formarán la tabla.
Fila <tr>
Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la
tabla. Estas etiquetas deberán insertarseentre 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>.
Copiamos el siguiente código
Encabezado de columna <th>
<table width="50%"border="1"align="center">
<tr>
<th>Sabado</td>
<th>Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
Este código lo utilizamos para hacer las tablas y el ejemplo esta en nuestro
blog
Títulode tabla <caption>
<table width="50%"border="1"align="center">
<caption align="right"valign="top">Titulode la tabla<tr>
<tr>
<th>Sabado</td>
...
</tr>
</table>
No solamente es posible establecer títulos para las columnas, también es
posible establecer un título para la tabla mediante las etiquetas <caption> y
</caption>.
Estas etiquetas han de ir después de la etiqueta <table>, y puede
especificarseel valor de los atributos align
Título de tabla <caption>
No solamente es posible establecer títulos para las columnas, también es
posible establecer un título para la tabla mediante las etiquetas <caption> y
</caption>.
Estas etiquetas han de ir después de la etiqueta <table>, y puede
especificarseel valor de los atributos align (con los valores bottom, center,
left, right y top) y valign (con los valores bottom y top).
Por ejemplo, si escribiéramos el siguiente código:
Mi código hasta ahora
<html>
<head>
<title>tienda deportiva 904</title>
</head>
<!--pagina web elaborada por daniel franco cardona y juan flechas prieto 904
//-->
<body bgcolor="ffffcc">
<hr>
<MARQUEE><B><I>BIENVENIDOS A NUESTRA WEB
CORPORATIVA</B></I></MARQUEE><br>
<hr>
<H3> nuestra empresa brinda servicios decalidad y
durabilidad</H3><br>
<font color="ffcc00" size="5"face="Arial"><b>bienvenidos a nuestra tienda
deportiva</B></font>
<font color="grey" size="4" face="Arial"><b>los nuevo nikeair force
1</B></font><br>
<img src="imagenes/1 (1).jpg "border="9" "width="200"height="180">
<img src="imagenes/53e89fbaae3ce22b23585eb66bde6eb2.gif"border="9"
"width="200" height="180">
<P ALIGN="CENTER">Los nuevos nikeair son muy comodos y confortables ya
que tienen una plantilla adaptable al pie es de origen estadounidenseLa
compañía tiene su sede cerca de Beaverton, Oregon, en el área
metropolitana de Portland. Es uno de los mayores proveedores delmundo de
calzado deportivo y ropa.</p>
<font color="660000" size="5" face="Arial"><b>los nuevos nikeair
force1</B></font>
<font color="000099" size="3" face="Arial"><b>deexelente
calidad</B></font>
<img src="imagenes/images.jpg "border="9" "width="200" height="180">
<img src="imagenes/índice3.jpg "border="9" "width="200" height="180">
<img src="imagenes/índice.jpg "border="9" "width="200"height="180">
<br>
<br>
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="000000"bgcolor="white">
<tr align="center" bgcolor="66ccff">
<td>productos</td>
<td bgcolor="660099">precios</td>
</tr>
<tr>
<td>nike air (original)</td>
<td>500.000$</td>
</tr>
<tr>
<td>nike air force1</td>
<td>220.000$</td>
Pagina web 5

Más contenido relacionado

La actualidad más candente (17)

Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
Riveras
RiverasRiveras
Riveras
 
Ddd
DddDdd
Ddd
 
Peres el yisus
Peres el yisusPeres el yisus
Peres el yisus
 
Portada
PortadaPortada
Portada
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Taller5
Taller5Taller5
Taller5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Trabajo5
Trabajo5Trabajo5
Trabajo5
 
Html v
Html vHtml v
Html v
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Evidencia clase 5
Evidencia clase 5Evidencia clase 5
Evidencia clase 5
 

Destacado

CV-Francais(B)-Domenic Di Lullo-Janvier 2015
CV-Francais(B)-Domenic Di Lullo-Janvier 2015CV-Francais(B)-Domenic Di Lullo-Janvier 2015
CV-Francais(B)-Domenic Di Lullo-Janvier 2015Domenic Di Lullo
 
lineas de investigacion uft ingenieria y sociedad
 lineas de investigacion uft ingenieria y sociedad lineas de investigacion uft ingenieria y sociedad
lineas de investigacion uft ingenieria y sociedadMarines Linares
 
Atractivos turisticos de Managua Nicaragua
Atractivos turisticos de Managua NicaraguaAtractivos turisticos de Managua Nicaragua
Atractivos turisticos de Managua NicaraguaDIF TLALNEPANTLA
 
Situacion actual de nuestro planeta
Situacion actual de nuestro planetaSituacion actual de nuestro planeta
Situacion actual de nuestro planetaleydi0520
 
Formation Referencement 2014
Formation Referencement 2014Formation Referencement 2014
Formation Referencement 2014Guillaume Eouzan
 
Los cocodrilos-copiones
Los cocodrilos-copionesLos cocodrilos-copiones
Los cocodrilos-copiones18091978
 
Riz au lait
Riz au laitRiz au lait
Riz au laittairon83
 
Exposicion de sociologia
Exposicion de sociologiaExposicion de sociologia
Exposicion de sociologiaestenijo
 
Règlement jeu ring version finale
Règlement jeu ring version finaleRèglement jeu ring version finale
Règlement jeu ring version finaleEmilie Leroux
 
Formulación clínica conductual wiki leidi
Formulación clínica conductual wiki leidiFormulación clínica conductual wiki leidi
Formulación clínica conductual wiki leidilauraquiroga92
 
Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?
Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?
Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?Remy EXELMANS
 
A la recherche du médecin perdu.
A la recherche du médecin perdu.A la recherche du médecin perdu.
A la recherche du médecin perdu.Réseau Pro Santé
 
Présentation1
Présentation1Présentation1
Présentation1lepageya
 
Catalogo de productos Arroyabe (castellano)
Catalogo de productos Arroyabe (castellano)Catalogo de productos Arroyabe (castellano)
Catalogo de productos Arroyabe (castellano)Arroyabe
 

Destacado (20)

Early gastric cancer1
Early gastric cancer1Early gastric cancer1
Early gastric cancer1
 
CV-Francais(B)-Domenic Di Lullo-Janvier 2015
CV-Francais(B)-Domenic Di Lullo-Janvier 2015CV-Francais(B)-Domenic Di Lullo-Janvier 2015
CV-Francais(B)-Domenic Di Lullo-Janvier 2015
 
lineas de investigacion uft ingenieria y sociedad
 lineas de investigacion uft ingenieria y sociedad lineas de investigacion uft ingenieria y sociedad
lineas de investigacion uft ingenieria y sociedad
 
Atractivos turisticos de Managua Nicaragua
Atractivos turisticos de Managua NicaraguaAtractivos turisticos de Managua Nicaragua
Atractivos turisticos de Managua Nicaragua
 
Bases de cocipefyb futbol
Bases de cocipefyb futbolBases de cocipefyb futbol
Bases de cocipefyb futbol
 
Situacion actual de nuestro planeta
Situacion actual de nuestro planetaSituacion actual de nuestro planeta
Situacion actual de nuestro planeta
 
Echo juillet2014 177_vf
Echo juillet2014 177_vfEcho juillet2014 177_vf
Echo juillet2014 177_vf
 
Rayonnance‏
Rayonnance‏Rayonnance‏
Rayonnance‏
 
Formation Referencement 2014
Formation Referencement 2014Formation Referencement 2014
Formation Referencement 2014
 
Los cocodrilos-copiones
Los cocodrilos-copionesLos cocodrilos-copiones
Los cocodrilos-copiones
 
Riz au lait
Riz au laitRiz au lait
Riz au lait
 
Exposicion de sociologia
Exposicion de sociologiaExposicion de sociologia
Exposicion de sociologia
 
Règlement jeu ring version finale
Règlement jeu ring version finaleRèglement jeu ring version finale
Règlement jeu ring version finale
 
Formulación clínica conductual wiki leidi
Formulación clínica conductual wiki leidiFormulación clínica conductual wiki leidi
Formulación clínica conductual wiki leidi
 
Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?
Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?
Entreprises, pourquoi être sur internet à Mayotte ? Comment ? Combien ?
 
A la recherche du médecin perdu.
A la recherche du médecin perdu.A la recherche du médecin perdu.
A la recherche du médecin perdu.
 
Kamal Lmsp V2
Kamal Lmsp V2Kamal Lmsp V2
Kamal Lmsp V2
 
Trabajo de informtica 2
Trabajo de informtica 2Trabajo de informtica 2
Trabajo de informtica 2
 
Présentation1
Présentation1Présentation1
Présentation1
 
Catalogo de productos Arroyabe (castellano)
Catalogo de productos Arroyabe (castellano)Catalogo de productos Arroyabe (castellano)
Catalogo de productos Arroyabe (castellano)
 

Similar a Pagina web 5

Similar a Pagina web 5 (16)

Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Red
RedRed
Red
 
Red
RedRed
Red
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
 
Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nicolas esguerraa
Colegio nicolas esguerraaColegio nicolas esguerraa
Colegio nicolas esguerraa
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
S.p.m6
S.p.m6S.p.m6
S.p.m6
 

Más de Juan Carlos Flechas Prieto (19)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra web 3
Colegio   nacional  nicolas  esguerra  web 3Colegio   nacional  nicolas  esguerra  web 3
Colegio nacional nicolas esguerra web 3
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Flochas
FlochasFlochas
Flochas
 
Franco
FrancoFranco
Franco
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontec
 
tablas
tablastablas
tablas
 
Jjjj
JjjjJjjj
Jjjj
 
Jjjj
JjjjJjjj
Jjjj
 
Seguir linea
Seguir lineaSeguir linea
Seguir linea
 
nxt
nxtnxt
nxt
 
Nxt
NxtNxt
Nxt
 
Presentación1
Presentación1Presentación1
Presentación1
 
Correcion epu
Correcion epuCorrecion epu
Correcion epu
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
wasabi
wasabiwasabi
wasabi
 
Años
AñosAños
Años
 
Presentación02
Presentación02Presentación02
Presentación02
 
Colegio nicolás esguerrra
Colegio nicolás esguerrraColegio nicolás esguerrra
Colegio nicolás esguerrra
 

Último

PERFIL SECRETARIAL - SECRETARIADO EJECUTIVO
PERFIL SECRETARIAL - SECRETARIADO EJECUTIVOPERFIL SECRETARIAL - SECRETARIADO EJECUTIVO
PERFIL SECRETARIAL - SECRETARIADO EJECUTIVOAdrianaBernal82
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfMiguelGomez900779
 
linea de tiempo television y su avance en los años
linea de tiempo television y su avance en los añoslinea de tiempo television y su avance en los años
linea de tiempo television y su avance en los añosMaraPazCrdenas
 
PLANIFICACION ANUAL , año 2024. nivel primaria
PLANIFICACION ANUAL , año 2024. nivel primariaPLANIFICACION ANUAL , año 2024. nivel primaria
PLANIFICACION ANUAL , año 2024. nivel primariajosevilla696981
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLAderMogollonLuna
 
La Navegacion en Internet con navegadores
La Navegacion en Internet con navegadoresLa Navegacion en Internet con navegadores
La Navegacion en Internet con navegadoresjosegillopez
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxDanmherJoelAlmironPu
 
Presentación Materiales para la Construcción.ppt
Presentación Materiales para la Construcción.pptPresentación Materiales para la Construcción.ppt
Presentación Materiales para la Construcción.pptCARLOSAXELVENTURAVID
 

Último (8)

PERFIL SECRETARIAL - SECRETARIADO EJECUTIVO
PERFIL SECRETARIAL - SECRETARIADO EJECUTIVOPERFIL SECRETARIAL - SECRETARIADO EJECUTIVO
PERFIL SECRETARIAL - SECRETARIADO EJECUTIVO
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
 
linea de tiempo television y su avance en los años
linea de tiempo television y su avance en los añoslinea de tiempo television y su avance en los años
linea de tiempo television y su avance en los años
 
PLANIFICACION ANUAL , año 2024. nivel primaria
PLANIFICACION ANUAL , año 2024. nivel primariaPLANIFICACION ANUAL , año 2024. nivel primaria
PLANIFICACION ANUAL , año 2024. nivel primaria
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
La Navegacion en Internet con navegadores
La Navegacion en Internet con navegadoresLa Navegacion en Internet con navegadores
La Navegacion en Internet con navegadores
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptx
 
Presentación Materiales para la Construcción.ppt
Presentación Materiales para la Construcción.pptPresentación Materiales para la Construcción.ppt
Presentación Materiales para la Construcción.ppt
 

Pagina web 5

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO Juan Carlos flechas prieto Daniel franco Cardona 904 Pagina web 5 Tablas Tabla <table> Las tablas están formadas por celdas, que son los recuadros quese obtienen como resultado de la intersección entre una fila y una columna. Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla. Fila <tr> Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarseentre las etiqetas <table>y </table>.
  • 2. 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>. Copiamos el siguiente código
  • 3. Encabezado de columna <th> <table width="50%"border="1"align="center"> <tr> <th>Sabado</td> <th>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td>
  • 4. <td>Curso Flash</td> </tr> </table> Este código lo utilizamos para hacer las tablas y el ejemplo esta en nuestro blog Títulode tabla <caption> <table width="50%"border="1"align="center"> <caption align="right"valign="top">Titulode la tabla<tr> <tr> <th>Sabado</td> ... </tr> </table> No solamente es posible establecer títulos para las columnas, también es posible establecer un título para la tabla mediante las etiquetas <caption> y </caption>. Estas etiquetas han de ir después de la etiqueta <table>, y puede especificarseel valor de los atributos align
  • 5. Título de tabla <caption> No solamente es posible establecer títulos para las columnas, también es posible establecer un título para la tabla mediante las etiquetas <caption> y </caption>. Estas etiquetas han de ir después de la etiqueta <table>, y puede especificarseel valor de los atributos align (con los valores bottom, center, left, right y top) y valign (con los valores bottom y top). Por ejemplo, si escribiéramos el siguiente código: Mi código hasta ahora <html> <head> <title>tienda deportiva 904</title> </head> <!--pagina web elaborada por daniel franco cardona y juan flechas prieto 904 //--> <body bgcolor="ffffcc"> <hr>
  • 6. <MARQUEE><B><I>BIENVENIDOS A NUESTRA WEB CORPORATIVA</B></I></MARQUEE><br> <hr> <H3> nuestra empresa brinda servicios decalidad y durabilidad</H3><br> <font color="ffcc00" size="5"face="Arial"><b>bienvenidos a nuestra tienda deportiva</B></font> <font color="grey" size="4" face="Arial"><b>los nuevo nikeair force 1</B></font><br> <img src="imagenes/1 (1).jpg "border="9" "width="200"height="180"> <img src="imagenes/53e89fbaae3ce22b23585eb66bde6eb2.gif"border="9" "width="200" height="180"> <P ALIGN="CENTER">Los nuevos nikeair son muy comodos y confortables ya que tienen una plantilla adaptable al pie es de origen estadounidenseLa compañía tiene su sede cerca de Beaverton, Oregon, en el área metropolitana de Portland. Es uno de los mayores proveedores delmundo de calzado deportivo y ropa.</p> <font color="660000" size="5" face="Arial"><b>los nuevos nikeair force1</B></font> <font color="000099" size="3" face="Arial"><b>deexelente calidad</B></font>
  • 7. <img src="imagenes/images.jpg "border="9" "width="200" height="180"> <img src="imagenes/índice3.jpg "border="9" "width="200" height="180"> <img src="imagenes/índice.jpg "border="9" "width="200"height="180"> <br> <br> <table width="50%" border="2" align="center" cellspacing="0" bordercolor="000000"bgcolor="white"> <tr align="center" bgcolor="66ccff"> <td>productos</td> <td bgcolor="660099">precios</td> </tr> <tr> <td>nike air (original)</td> <td>500.000$</td> </tr> <tr> <td>nike air force1</td> <td>220.000$</td>