SlideShare una empresa de Scribd logo
1 de 8
Colegio nacional Nicolás esguerra
Edificamos futuro
Josue David Bellon Amado
Sergio Alejandro tobar Hernández 901
Página web V
Tablas
Tabla <table>
Las tablas están formadaspor celdas, que son los recuadrosque se 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
dichasetiquetas habrá que especificar las filas y columnasque 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 insertarse entre las etiqetas <table> y
</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 podremosespecificar el número de celdaspor fila, que equivale a
especificar el número de columnaspor fila.
Es necesario insertar las etiquetas<td> y </td> por cada una de las celdas que
compongan cada una de lasfilas de la tabla. Por lo tanto, habrá que insertar
esas etiquetas entre las etiquetas <tr> y </tr>.
Formato de la tabla
Es posible modificar los siguientes atributosde una tabla:
Formato de las celdas
Es posible modificar los siguientes atributosde una celda.
Combinar celdas
Para las etiquetas <td> y <th> existen los atributoscolspan y rowspan, que se
utilizan para combinar celdas.
A través del atributo colspan se especifica el número de columnaspor las que
se extenderá la celda, y a través del atributo rowspan se especifica el número
de filas por las que se extenderá la celda.
Para que quede más claro, vamosa ver un ejemplo de su uso. Por ejemplo,
para insertar la siguiente tabla:
Habría que escribir el siguiente código:
<table width="575" border="2" cellspacing="2">
<tr align="center" valign="middle">
<th colspan="4">DIFERENCIAS ENTRE EL PERRO Y EL HOMBRE</th>
</tr>
<tr align="center" valign="middle">
<th rowspan="2">DIFERENCIAS</th>
<th colspan="2">PERRO</th>
<th rowspan="2">HOMBRE</th>
</tr>
<tr align="center" valign="middle">
<th>PEQUE&Ntilde;O</th>
<th>GRANDE</th>
</tr>
<tr align="center" valign="middle">
<td>Duraci&oacute;n crecimiento</td>
<td>10 meses</td>
<td>18 a 24 meses</td>
<td>16 a&ntilde;os</td>
</tr>
<tr align="center" valign="middle">
<td>Tiempo de gestaci&oacute;n</td>
<td colspan="2">58 a 63 d&iacute;as</td>
<td>9 meses</td>
</tr>
<tr align="center" valign="middle">
<td>Duraci&oacute;n de vida del pelo/cabello</td>
<td colspan="2">1 a&ntilde;o</td>
<td>2 a 7 a&ntilde;os</td>
</tr>
</table>
CODIGOS=
<html>
<head>
<TITLE> MI PRIMERA PAGINA 901 </TITLE>
</HEAD>//
<!-- ESTE PAGINA ESTA HECHA POR sergio alejandro tobar y josue david bellon //-->
<BODY bgcolor="6699FF">
<marquee>
<hr>
<font color="blue" size="4" face="Comic Sans MS">PIZZA PIZZA</font>
<h1>NUESTRA EMPRESA FUE FUNDADA EN 1935 POR TOBII II<h1> <br>
<hr>
PIZZA TOBII
<img src="imagenes/PIZZA.jpg">
</marquee>
<hr>
<BR>
<font color="YELLOW size="4" face="Comic Sans MS">PIZZA PIZZA</font>
<hr align="CENTER" width="50%" size="5" COLOR="YELLOW" noshade>
<p aling="center">
Poco importa que la llamen ‘pita’ en Grecia, ‘flammkuchen’ entre la población de lengua alemana o ‘rieska’ en Finlandia, porque los ingredientes básicos
para la preparación de este pan blanco, de forma circular y aplastada son siempre los mismos: harina, agua y sal. Este tipo d e pan, que se usa como base o
junto a los ingredientes tradicionales de las diferentes cocinas locales, aparece en todas las mesas europeas, aunque la que ha conocido mayor difusión,
sobre todo en la zona del Mediterráneo, es la 'pita' griega y el 'kebab' árabe. A esta misma familia pertenece la pizza italiana. El origen del nombre aún no
se conoce con exactitud, aunque hay dos hipótesis que parecen ser las más sólidas: La primera es que la palabra ‘pizza’ se remonta a la griega ‘pita’, como
se le denomina a su homónima ‘focaccia’ aplastada; la segunda defiende que se trata de una derivación del participio pasado del verbo latino ‘pinsere’
(aplastar), para indicar el gesto de aplastar la masa compacta en que se convertía durante su elaboración.
<pr/>
<table width="575" border="2" cellspacing="2" cellspacing="0" bordercolor="WHITE" bgcolor="#336600>
<tr align="center" valign="middle">
<th colspan="4">LISTA DE PRODUCTOS </th>
</tr>
<tr align="center" valign="middle">
<th rowspan="2">PRODUCTOS</th>
<th colspan="2">DESCRIPCION</th>
<th rowspan="2">VALOR</th>
</tr>
<tr align="center" valign="middle">
<th>MEDIANA</th>
<th>GRANDE</th>
</tr>
<tr align="center" valign="middle">
<td>PIZZA PEPPERONI
<td>PEPPERONI
MOZARELLA</td>
<td>- 1 masa pizza
- pepperoni
- salami
- tomate natural
- queso rallado
- mozarella</td>
<td>16.000$</td>
</tr>
<tr align="center" valign="middle">
<td>PIZZA HAWAIANA
<td colspan=2>
Piña natural.
Jamón cocido.
Tomate frito o salsa de tomate.
Mozzarella rallada.
Especias variadas: orégano, pimienta, albahaca, romero…</td>
<td>25.000$</td>
</tr>
<tr align="center" valign="middle">
<td>PIZZA NAPOLITANA
<td colspan="2">
harina para pizza.
cebollas salteadas.
jamón cocido.
tomate grande.
mozzarella.
oliva.
orégano.
aceitunas.</td>
<td>40.000$</td>
</tr>
</table>
PIZZA PEPPERONI= <img src="imagenes/PEPPERONI.jpg">
<hr align="CENTER" width="50%" size="5" COLOR="RED" noshade>
<p/>
PIZZA NAPOLITANA=<img src="imagenes/NAPOLITANA.jpg">
<p/>
<hr align="CENTER" width="50%" size="5" COLOR="WHITE" noshade>
PIZZA HAWAIANA=<img src="imagenes/HAWAIANA.jpg">
<pre> Hola,
Esta ES MI PÁGINA WEB
y esto un texto preformateado9012015
COPYRIGHT 2015
COLEGIO NACIONAL NICOLAS ESGUERRA
<hr align="CENTER" width="50%" size="5" COLOR="GREEN" noshade>
<font color="YELLOW" size="4" face="Comic Sans MS"/font>
</pre>
</body>
</html>

Más contenido relacionado

Similar a Edificamos futuro (20)

Portada
PortadaPortada
Portada
 
Guia 5 de html tablas
Guia 5 de html   tablasGuia 5 de html   tablas
Guia 5 de html tablas
 
Pagina WEB (V)
Pagina WEB (V)Pagina WEB (V)
Pagina WEB (V)
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Riveras
RiverasRiveras
Riveras
 
Peres el yisus
Peres el yisusPeres el yisus
Peres el yisus
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
HTML
HTMLHTML
HTML
 
Web3
Web3Web3
Web3
 
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...
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Tablas
TablasTablas
Tablas
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 

Último

ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
lvela1316
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
NELLYKATTY
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Demetrio Ccesa Rayme
 

Último (20)

flujo de materia y energía ecosistemas.
flujo de materia y  energía ecosistemas.flujo de materia y  energía ecosistemas.
flujo de materia y energía ecosistemas.
 
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxDESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
 
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxComunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
 
Sesión de clase Motivados por la esperanza.pdf
Sesión de clase Motivados por la esperanza.pdfSesión de clase Motivados por la esperanza.pdf
Sesión de clase Motivados por la esperanza.pdf
 
Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)
 
Power Point : Motivados por la esperanza
Power Point : Motivados por la esperanzaPower Point : Motivados por la esperanza
Power Point : Motivados por la esperanza
 
4ª SESION la misión santificadora del Espíritu Santo en la vida de la Iglesi...
4ª SESION  la misión santificadora del Espíritu Santo en la vida de la Iglesi...4ª SESION  la misión santificadora del Espíritu Santo en la vida de la Iglesi...
4ª SESION la misión santificadora del Espíritu Santo en la vida de la Iglesi...
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
 
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
 
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
TEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilizaciónTEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilización
 
Lecciones 07 Esc. Sabática. Motivados por la esperanza
Lecciones 07 Esc. Sabática. Motivados por la esperanzaLecciones 07 Esc. Sabática. Motivados por la esperanza
Lecciones 07 Esc. Sabática. Motivados por la esperanza
 
2.15. Calendario Civico Escolar 2024.docx
2.15. Calendario Civico Escolar 2024.docx2.15. Calendario Civico Escolar 2024.docx
2.15. Calendario Civico Escolar 2024.docx
 
a propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionesa propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definiciones
 
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxCONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
 
EVALUACION del tercer trimestre 2024 nap.docx
EVALUACION  del tercer trimestre 2024 nap.docxEVALUACION  del tercer trimestre 2024 nap.docx
EVALUACION del tercer trimestre 2024 nap.docx
 
Estudios Sociales libro 8vo grado Básico
Estudios Sociales libro 8vo grado BásicoEstudios Sociales libro 8vo grado Básico
Estudios Sociales libro 8vo grado Básico
 

Edificamos futuro

  • 1. Colegio nacional Nicolás esguerra Edificamos futuro Josue David Bellon Amado Sergio Alejandro tobar Hernández 901 Página web V Tablas Tabla <table> Las tablas están formadaspor celdas, que son los recuadrosque se 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 dichasetiquetas habrá que especificar las filas y columnasque formarán la tabla.
  • 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>. 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 podremosespecificar el número de celdaspor fila, que equivale a especificar el número de columnaspor fila. Es necesario insertar las etiquetas<td> y </td> por cada una de las celdas que compongan cada una de lasfilas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>. Formato de la tabla Es posible modificar los siguientes atributosde una tabla:
  • 3. Formato de las celdas Es posible modificar los siguientes atributosde una celda. Combinar celdas Para las etiquetas <td> y <th> existen los atributoscolspan y rowspan, que se utilizan para combinar celdas. A través del atributo colspan se especifica el número de columnaspor las que se extenderá la celda, y a través del atributo rowspan se especifica el número de filas por las que se extenderá la celda. Para que quede más claro, vamosa ver un ejemplo de su uso. Por ejemplo, para insertar la siguiente tabla:
  • 4. Habría que escribir el siguiente código: <table width="575" border="2" cellspacing="2"> <tr align="center" valign="middle"> <th colspan="4">DIFERENCIAS ENTRE EL PERRO Y EL HOMBRE</th> </tr> <tr align="center" valign="middle"> <th rowspan="2">DIFERENCIAS</th> <th colspan="2">PERRO</th> <th rowspan="2">HOMBRE</th> </tr> <tr align="center" valign="middle"> <th>PEQUE&Ntilde;O</th> <th>GRANDE</th> </tr> <tr align="center" valign="middle"> <td>Duraci&oacute;n crecimiento</td> <td>10 meses</td> <td>18 a 24 meses</td> <td>16 a&ntilde;os</td> </tr>
  • 5. <tr align="center" valign="middle"> <td>Tiempo de gestaci&oacute;n</td> <td colspan="2">58 a 63 d&iacute;as</td> <td>9 meses</td> </tr> <tr align="center" valign="middle"> <td>Duraci&oacute;n de vida del pelo/cabello</td> <td colspan="2">1 a&ntilde;o</td> <td>2 a 7 a&ntilde;os</td> </tr> </table> CODIGOS= <html> <head> <TITLE> MI PRIMERA PAGINA 901 </TITLE> </HEAD>// <!-- ESTE PAGINA ESTA HECHA POR sergio alejandro tobar y josue david bellon //--> <BODY bgcolor="6699FF"> <marquee> <hr> <font color="blue" size="4" face="Comic Sans MS">PIZZA PIZZA</font> <h1>NUESTRA EMPRESA FUE FUNDADA EN 1935 POR TOBII II<h1> <br> <hr> PIZZA TOBII <img src="imagenes/PIZZA.jpg"> </marquee>
  • 6. <hr> <BR> <font color="YELLOW size="4" face="Comic Sans MS">PIZZA PIZZA</font> <hr align="CENTER" width="50%" size="5" COLOR="YELLOW" noshade> <p aling="center"> Poco importa que la llamen ‘pita’ en Grecia, ‘flammkuchen’ entre la población de lengua alemana o ‘rieska’ en Finlandia, porque los ingredientes básicos para la preparación de este pan blanco, de forma circular y aplastada son siempre los mismos: harina, agua y sal. Este tipo d e pan, que se usa como base o junto a los ingredientes tradicionales de las diferentes cocinas locales, aparece en todas las mesas europeas, aunque la que ha conocido mayor difusión, sobre todo en la zona del Mediterráneo, es la 'pita' griega y el 'kebab' árabe. A esta misma familia pertenece la pizza italiana. El origen del nombre aún no se conoce con exactitud, aunque hay dos hipótesis que parecen ser las más sólidas: La primera es que la palabra ‘pizza’ se remonta a la griega ‘pita’, como se le denomina a su homónima ‘focaccia’ aplastada; la segunda defiende que se trata de una derivación del participio pasado del verbo latino ‘pinsere’ (aplastar), para indicar el gesto de aplastar la masa compacta en que se convertía durante su elaboración. <pr/> <table width="575" border="2" cellspacing="2" cellspacing="0" bordercolor="WHITE" bgcolor="#336600> <tr align="center" valign="middle"> <th colspan="4">LISTA DE PRODUCTOS </th> </tr> <tr align="center" valign="middle"> <th rowspan="2">PRODUCTOS</th> <th colspan="2">DESCRIPCION</th> <th rowspan="2">VALOR</th> </tr> <tr align="center" valign="middle"> <th>MEDIANA</th> <th>GRANDE</th> </tr> <tr align="center" valign="middle"> <td>PIZZA PEPPERONI <td>PEPPERONI MOZARELLA</td> <td>- 1 masa pizza - pepperoni - salami - tomate natural
  • 7. - queso rallado - mozarella</td> <td>16.000$</td> </tr> <tr align="center" valign="middle"> <td>PIZZA HAWAIANA <td colspan=2> Piña natural. Jamón cocido. Tomate frito o salsa de tomate. Mozzarella rallada. Especias variadas: orégano, pimienta, albahaca, romero…</td> <td>25.000$</td> </tr> <tr align="center" valign="middle"> <td>PIZZA NAPOLITANA <td colspan="2"> harina para pizza. cebollas salteadas. jamón cocido. tomate grande. mozzarella. oliva. orégano. aceitunas.</td> <td>40.000$</td> </tr> </table> PIZZA PEPPERONI= <img src="imagenes/PEPPERONI.jpg"> <hr align="CENTER" width="50%" size="5" COLOR="RED" noshade> <p/>
  • 8. PIZZA NAPOLITANA=<img src="imagenes/NAPOLITANA.jpg"> <p/> <hr align="CENTER" width="50%" size="5" COLOR="WHITE" noshade> PIZZA HAWAIANA=<img src="imagenes/HAWAIANA.jpg"> <pre> Hola, Esta ES MI PÁGINA WEB y esto un texto preformateado9012015 COPYRIGHT 2015 COLEGIO NACIONAL NICOLAS ESGUERRA <hr align="CENTER" width="50%" size="5" COLOR="GREEN" noshade> <font color="YELLOW" size="4" face="Comic Sans MS"/font> </pre> </body> </html>