Successfully reported this slideshow.

Pagina web 5

156 vues

Publié le

fgdhdhth

Publié dans : Périphériques & matériel
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Pagina web 5

  1. 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. 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. 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. 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. 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. 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. 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>

×