Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Trabajar con tablas

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 3 Anuncio

Más Contenido Relacionado

A los espectadores también les gustó (20)

Anuncio

Similares a Trabajar con tablas (20)

Anuncio

Trabajar con tablas

  1. 1. 1. Primero que todo abrimos nuestro anterior archi HTML… comenzemos… 2. Detrás de la etiqueta <hr> añadimos el siguiente código para añadir una línea en blanco, definir la tabla, empezar la definición de la primera fila y primera columna de la tabla. Codigo: <html> <head> <title>Index</title> </head> <bodybgcolor="#99CC99" link="red" vlink="black" alink="blue"> <h1>Inicio</h1><basefont color="black" size="4"> <br> <tablewidth="100%" border="0"> <tr> <tdwidth="70%"> <hr> <blockquote> <blockquote> <p align="center"><imgsrc="Imagenes/Baile de pinguinos.gif" width="122" height="85"></p> <em> Somos una asociaci&oacute;n de veterinarios, estudiantes de veterinaria, o simplemente amantes de los animales.
  2. 2. <br> Desde esta p&aacute;gina web intentaremos resolver tus dudas acerca de c&oacute;mo cuidar a tus mascotas. </em> </p> </blockquote> </blockquote> <br> <h1>Gatos</h1> <blockquote> <h3>&iquest;COMO PREVENIR LOS PROBLEMAS DENTALES?</h3> </blockquote> <ul> <li>Alimentar al gato con comida seca de buena calidad o darle algo duro para que lo mastique</li> <ul> <li>Preferiblemente que coma pienso</li> <li>Cepillarle los dientes una vez a la semana</li> <li>Que el veterinario examine la boca del gato por lo menos cada seis meses</li> </td> <tdwidth="30%"> </ul> </body><p align="center"> <ahref="http://www.aulaclic.es/" target="_blank"> </td> </tr> </table><imgsrc="Imagenes/Visitar Aula Clic.jpg" alt="visita aulaclic" width="200" height="50" border="4"> </a> </p> </html> (EJERCISIO 2) 1. Abrimos nuestro anterior archivo HTML… 2. Antes de la etiqueta </body> agregamos el siguiente código html: <tablewidth="575" border="2" align="center" cellspacing="2" bordercolor="#000000" > 3. Luego escribimos </table> 4. Y escribimos “6” veces <tralign="center" valign="middle"></tr> 5. Y luego escribimos <tdcolspan="4">DIFERENCIAS ENTRE EL PERRO Y EL HOMBRE</td>
  3. 3. 6. Ahora vamos a rellenar la segunda fila para ello escribimos después de la segunda etiqueta <tr…: <tdrowspan="2">DIFERENCIAS</td> 7. Y luego <tdcolspan="2">PERRO</td> <tdrowspan="2">HOMBRE</td> 8. Ahora vamos a rellenar la tercera fila, escribe esto después de la tercera etiqueta <tr…: <td>PEQUE&Ntilde;O</td><td>GRANDE</td> 9. Ahora rellenaremos la cuarta fila, en esta fila tenemos que definir las cuatro columnas normales y escribimos esto después de la cuarta etiqueta <tr:…<td>Duraci&oacute;n crecimiento</td><td>10 meses</td><td>18 a 24 meses</td><td>16 a&ntilde;os</td> 10. Ahora vamos a rellenar ahora la quinta fila para ellos hacemos esto después de la quinta etiqueta <tr…: <td>Tiempo de gestaci&oacute;n</td><tdcolspan="2">58 a 63 d&iacute;as</td><td>9 meses</td> 11. Por ultimo rellenamos la sexta fila, y escribimos después de la sexa etiqueta <tr…: <td>Duraci&oacute;n de vida del pelo/cabello</td><tdcolspan="2">1 a&ntilde;o</td><td>2 a 7 a&ntilde;os</td> 12. Emos finalizado y nos quedara asi:

×