El documento explica cómo crear tablas en HTML utilizando las etiquetas <table>, <tr>, <td> y <th>. Describe que las tablas están formadas por celdas creadas por la intersección de filas y columnas. Explica cómo añadir filas, columnas, formato y combinar celdas usando los atributos colspan y rowspan. Proporciona un ejemplo de código HTML para crear una tabla.
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ÑO</th>
<th>GRANDE</th>
</tr>
<tr align="center" valign="middle">
<td>Duración crecimiento</td>
<td>10 meses</td>
<td>18 a 24 meses</td>
<td>16 años</td>
</tr>
5. <tr align="center" valign="middle">
<td>Tiempo de gestación</td>
<td colspan="2">58 a 63 días</td>
<td>9 meses</td>
</tr>
<tr align="center" valign="middle">
<td>Duración de vida del pelo/cabello</td>
<td colspan="2">1 año</td>
<td>2 a 7 añ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
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>