SlideShare une entreprise Scribd logo
1  sur  7
COLEGIO NACIONAL NICOLAS ESGUERRA
Jonathan cely
Kevin Castañeda
903
PAGINA WEB V
Tabla <table>
Las tablas están formadas por celdas, que son los recuadros que se
obtienen como resultado de la intersecciónentre una fila y una
columna.
Fila <tr>
Es necesario insertar las etiquetas <tr> y </tr> por cada una de las
filas de la tabla. Estas etiquetas deberáninsertarse entre las etiqetas
<table> y </table>.
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
Columna o celda <td>
Para crear una tabla no basta con especificarel número de filas, es
necesario también especificarel número de columnas.
Una celda es el resultado de la intersecciónentre una fila y una
columna, por lo que podremosespecificarel 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 compongancada una de las filas de la tabla. Por lo tanto,
habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.
Habría que escribir:
<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>
Formato de la tabla
Es posible modificarlos siguientes atributos de una tabla
Por ejemplo,para modificarla tabla de la página anterior para que
quedase como la siguiente
Habría que escribir
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="#000000" bgcolor="#FFCC99">
Formato de las celdas
Es posible modificarlos siguientes atributos de una celda
Por ejemplo,si escribiéramosel siguiente có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>
Código:
<html>
<head>
<title>TRANSPORTESECHEVEL</title>
</head>
<!--ESTA PAGINA WEB ES ELABORADAPOR:JONATHAN CELY Y
KEVINCASTAÑEDA 903//-->.
<body bgcolor="#FF0000">
<HR>
<marquee><h2>Bienvenidosa Nuestra EmpresaEn Cargada De
Transportes' </h2>
</marquee>
<hr>
<b>TRANSPORTESECHEVEL</font>
<hr>
<font color="#000000" size="5">
<img src="imagenes/scania.jpg"border="4"width="260" height="150">
<img src="imagenes/kenwortw9000.jpg"border="4"width="260"
height="150">
<img src="imagenes/volvo.jpg"border="4"width="260" height="150">
<hr>
</blockquote>
Nuestra Empresabrinda servicios:<br>
llevar cargamento a otras ciudades o municipios del pais
<hr align="left" width="80%" size="9" noshade>
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="#000000" bgcolor="#FFFFFF">
<tr align="center" bgcolor="#FFFFFF">
<td>lugares</td>
<td bgcolor="#FFFFFF">precio</td>
</tr>
<tr>
<td>cali,barranquilla,cartagena</td>
<td>1,200.000</td>
</tr>
<tr>
<td>pereira,monteria,medellin</td>
<td>1,000.000</td>
</tr>
</table>
<pre> copyrigth 2015@
colegio nacional nicolas esguerra 2015
calle 7 No.97 - 55 Bogota Colombia
tutranquilo@gmail.com
<hr>
<pre>
</body>
</html>

Contenu connexe

Tendances (16)

Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Riveras
RiverasRiveras
Riveras
 
Pagina WEB (V)
Pagina WEB (V)Pagina WEB (V)
Pagina WEB (V)
 
Peres el yisus
Peres el yisusPeres el yisus
Peres el yisus
 
Tablas
TablasTablas
Tablas
 
Tablas html
Tablas htmlTablas html
Tablas html
 
4
44
4
 
Evidencia clase 5
Evidencia clase 5Evidencia clase 5
Evidencia clase 5
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
Red
RedRed
Red
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Portada
PortadaPortada
Portada
 
Trabajo5
Trabajo5Trabajo5
Trabajo5
 
Html v
Html vHtml v
Html v
 

Similaire à Trabajo de cely word (18)

Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Taller5
Taller5Taller5
Taller5
 
Colegio nacional nicolas esguerra tablasTWET
Colegio  nacional nicolas esguerra tablasTWETColegio  nacional nicolas esguerra tablasTWET
Colegio nacional nicolas esguerra tablasTWET
 
Tablas
Tablas Tablas
Tablas
 
Red
RedRed
Red
 
Penenope
PenenopePenenope
Penenope
 
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.
 
Tablas
TablasTablas
Tablas
 
Web 5
Web 5Web 5
Web 5
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
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
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
tablas
tablastablas
tablas
 

Plus de america_999_america (20)

dfghdfghdfg
dfghdfghdfgdfghdfghdfg
dfghdfghdfg
 
Trabajo2015
Trabajo2015Trabajo2015
Trabajo2015
 
Colegio nacional nicolas esguerswtra
Colegio nacional nicolas esguerswtraColegio nacional nicolas esguerswtra
Colegio nacional nicolas esguerswtra
 
Colegio nacional nicolas esguerradgfiygois
Colegio nacional nicolas esguerradgfiygoisColegio nacional nicolas esguerradgfiygois
Colegio nacional nicolas esguerradgfiygois
 
Paginas
PaginasPaginas
Paginas
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Fdfdv dsvds
Fdfdv dsvdsFdfdv dsvds
Fdfdv dsvds
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
Bases de datos y consultas
Bases de datos y consultasBases de datos y consultas
Bases de datos y consultas
 
Jajaja
JajajaJajaja
Jajaja
 
Gggggggggg
GgggggggggGggggggggg
Gggggggggg
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Documento de access 2015 (1)
Documento de access 2015 (1)Documento de access 2015 (1)
Documento de access 2015 (1)
 
,Mkljñbhoh
,Mkljñbhoh,Mkljñbhoh
,Mkljñbhoh
 
Documento informatica
Documento informaticaDocumento informatica
Documento informatica
 
Hgbngbv
HgbngbvHgbngbv
Hgbngbv
 
Transpor echebel
Transpor echebelTranspor echebel
Transpor echebel
 
Cepeda lo chupa
Cepeda lo chupaCepeda lo chupa
Cepeda lo chupa
 
Transpor echebel
Transpor echebelTranspor echebel
Transpor echebel
 
Presentación1
Presentación1Presentación1
Presentación1
 

Dernier (7)

LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptx
 
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
 
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
 
Formulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxFormulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptx
 
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
 
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxTEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
 

Trabajo de cely word

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA Jonathan cely Kevin Castañeda 903 PAGINA WEB V Tabla <table> Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersecciónentre una fila y una columna. Fila <tr> Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberáninsertarse entre las etiqetas <table> y </table>.
  • 2. <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table> Columna o celda <td> Para crear una tabla no basta con especificarel número de filas, es necesario también especificarel número de columnas. Una celda es el resultado de la intersecciónentre una fila y una columna, por lo que podremosespecificarel 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 compongancada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>. Habría que escribir: <table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td>
  • 3. <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table> Formato de la tabla Es posible modificarlos siguientes atributos de una tabla Por ejemplo,para modificarla tabla de la página anterior para que quedase como la siguiente Habría que escribir <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99">
  • 4. Formato de las celdas Es posible modificarlos siguientes atributos de una celda Por ejemplo,si escribiéramosel siguiente có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>
  • 5. Código: <html> <head> <title>TRANSPORTESECHEVEL</title> </head> <!--ESTA PAGINA WEB ES ELABORADAPOR:JONATHAN CELY Y KEVINCASTAÑEDA 903//-->. <body bgcolor="#FF0000"> <HR> <marquee><h2>Bienvenidosa Nuestra EmpresaEn Cargada De Transportes' </h2> </marquee> <hr> <b>TRANSPORTESECHEVEL</font> <hr> <font color="#000000" size="5"> <img src="imagenes/scania.jpg"border="4"width="260" height="150"> <img src="imagenes/kenwortw9000.jpg"border="4"width="260" height="150"> <img src="imagenes/volvo.jpg"border="4"width="260" height="150"> <hr>
  • 6. </blockquote> Nuestra Empresabrinda servicios:<br> llevar cargamento a otras ciudades o municipios del pais <hr align="left" width="80%" size="9" noshade> <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF"> <tr align="center" bgcolor="#FFFFFF"> <td>lugares</td> <td bgcolor="#FFFFFF">precio</td> </tr> <tr> <td>cali,barranquilla,cartagena</td> <td>1,200.000</td> </tr> <tr> <td>pereira,monteria,medellin</td> <td>1,000.000</td> </tr> </table> <pre> copyrigth 2015@ colegio nacional nicolas esguerra 2015 calle 7 No.97 - 55 Bogota Colombia tutranquilo@gmail.com <hr> <pre> </body>