SlideShare una empresa de Scribd logo
1 de 3
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.
<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>
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:

Más contenido relacionado

La actualidad más candente

La actualidad más candente (12)

Lego mindstorms
Lego mindstormsLego mindstorms
Lego mindstorms
 
trucos generales
trucos generalestrucos generales
trucos generales
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Excel formato condicional
Excel formato condicionalExcel formato condicional
Excel formato condicional
 
Modificar las propiedades de una capa
Modificar las propiedades de una capaModificar las propiedades de una capa
Modificar las propiedades de una capa
 
6
66
6
 
6 131104180046-phpapp02
6 131104180046-phpapp026 131104180046-phpapp02
6 131104180046-phpapp02
 
Giovanni baquero
Giovanni baqueroGiovanni baquero
Giovanni baquero
 
Html sandro-martinez
Html sandro-martinezHtml sandro-martinez
Html sandro-martinez
 
Tutorial para paginar documentos con portada en Word 2010
Tutorial para paginar documentos con portada en Word 2010Tutorial para paginar documentos con portada en Word 2010
Tutorial para paginar documentos con portada en Word 2010
 
Páginas de inicio
Páginas de inicioPáginas de inicio
Páginas de inicio
 
Formato personalizado y validaciones
Formato personalizado y validacionesFormato personalizado y validaciones
Formato personalizado y validaciones
 

Destacado

Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)
Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)
Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)Cdr Ireo
 
Fiche produit-Compositions à diffuser
Fiche produit-Compositions à diffuserFiche produit-Compositions à diffuser
Fiche produit-Compositions à diffuserLaboratoires EONA
 
Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3Mb touri
 
Rapport annuel 2012 de la Fondation Culturespaces
Rapport annuel 2012 de la Fondation CulturespacesRapport annuel 2012 de la Fondation Culturespaces
Rapport annuel 2012 de la Fondation CulturespacesBruno Monnier
 
Les pronoms complements d'objet direct
Les pronoms complements d'objet directLes pronoms complements d'objet direct
Les pronoms complements d'objet directAncuta Nistor
 
2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...
2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...
2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...Casa del Vocal
 
Communiqué de Presse Robogreffe - Octobre 2012
Communiqué de Presse Robogreffe - Octobre 2012Communiqué de Presse Robogreffe - Octobre 2012
Communiqué de Presse Robogreffe - Octobre 2012pbcom1998
 
L'imparfait face au Passé Composé par Ali Hifni
 L'imparfait face au Passé Composé par Ali Hifni L'imparfait face au Passé Composé par Ali Hifni
L'imparfait face au Passé Composé par Ali HifniAli Hifni
 
Goetia presentation2014 fr
Goetia presentation2014 frGoetia presentation2014 fr
Goetia presentation2014 frGeoffrey Dorne
 
Harveys Brewery Wine List 2014
Harveys Brewery Wine List 2014Harveys Brewery Wine List 2014
Harveys Brewery Wine List 2014HarveysBrewery
 
Explorador de windows 2011 1er semestre
Explorador de windows 2011 1er semestreExplorador de windows 2011 1er semestre
Explorador de windows 2011 1er semestreJuanita Suarez Caypa
 
Herramientas de trabajo
Herramientas de trabajoHerramientas de trabajo
Herramientas de trabajoLaura Manco
 
Nouveau présentation microsoft power point
Nouveau présentation microsoft power pointNouveau présentation microsoft power point
Nouveau présentation microsoft power pointMohamed Moussaid
 
Fête du 14 juillet 2015 Club Med Cancun, Mexique
Fête du 14 juillet 2015 Club Med Cancun, MexiqueFête du 14 juillet 2015 Club Med Cancun, Mexique
Fête du 14 juillet 2015 Club Med Cancun, MexiqueLe Grand Journal du Mexique
 
Definition de curriculum eloedys
Definition de curriculum eloedysDefinition de curriculum eloedys
Definition de curriculum eloedyselo-edys
 

Destacado (20)

Mode d'emploi vae uwe
Mode d'emploi vae uweMode d'emploi vae uwe
Mode d'emploi vae uwe
 
Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)
Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)
Nouveautés du Centre de ressources de L'Iréo de Lesneven 2013 2014 (4)
 
Fiche produit-Compositions à diffuser
Fiche produit-Compositions à diffuserFiche produit-Compositions à diffuser
Fiche produit-Compositions à diffuser
 
Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3Mosm portail 08_09 v3.6.3
Mosm portail 08_09 v3.6.3
 
Hebdo mika n°1
Hebdo mika n°1Hebdo mika n°1
Hebdo mika n°1
 
Rapport annuel 2012 de la Fondation Culturespaces
Rapport annuel 2012 de la Fondation CulturespacesRapport annuel 2012 de la Fondation Culturespaces
Rapport annuel 2012 de la Fondation Culturespaces
 
Les pronoms complements d'objet direct
Les pronoms complements d'objet directLes pronoms complements d'objet direct
Les pronoms complements d'objet direct
 
Més pors10 11
Més pors10 11Més pors10 11
Més pors10 11
 
2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...
2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...
2do Congreso de Servicios Públicos y Tics- CRA -Condiciones para la imposició...
 
Communiqué de Presse Robogreffe - Octobre 2012
Communiqué de Presse Robogreffe - Octobre 2012Communiqué de Presse Robogreffe - Octobre 2012
Communiqué de Presse Robogreffe - Octobre 2012
 
L'imparfait face au Passé Composé par Ali Hifni
 L'imparfait face au Passé Composé par Ali Hifni L'imparfait face au Passé Composé par Ali Hifni
L'imparfait face au Passé Composé par Ali Hifni
 
Goetia presentation2014 fr
Goetia presentation2014 frGoetia presentation2014 fr
Goetia presentation2014 fr
 
Harveys Brewery Wine List 2014
Harveys Brewery Wine List 2014Harveys Brewery Wine List 2014
Harveys Brewery Wine List 2014
 
Explorador de windows 2011 1er semestre
Explorador de windows 2011 1er semestreExplorador de windows 2011 1er semestre
Explorador de windows 2011 1er semestre
 
Herramientas de trabajo
Herramientas de trabajoHerramientas de trabajo
Herramientas de trabajo
 
Nouveau présentation microsoft power point
Nouveau présentation microsoft power pointNouveau présentation microsoft power point
Nouveau présentation microsoft power point
 
Pacto por-méxico
Pacto por-méxicoPacto por-méxico
Pacto por-méxico
 
Un Cms : Jooma
Un Cms : JoomaUn Cms : Jooma
Un Cms : Jooma
 
Fête du 14 juillet 2015 Club Med Cancun, Mexique
Fête du 14 juillet 2015 Club Med Cancun, MexiqueFête du 14 juillet 2015 Club Med Cancun, Mexique
Fête du 14 juillet 2015 Club Med Cancun, Mexique
 
Definition de curriculum eloedys
Definition de curriculum eloedysDefinition de curriculum eloedys
Definition de curriculum eloedys
 

Similar a Trabajar con tablas

Similar a Trabajar con tablas (20)

Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 
Recuperacion
RecuperacionRecuperacion
Recuperacion
 
Trabajo jose
Trabajo joseTrabajo jose
Trabajo jose
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Presentación CSS y HTML en Gummurcia
Presentación CSS y HTML en GummurciaPresentación CSS y HTML en Gummurcia
Presentación CSS y HTML en Gummurcia
 
Ejemplo para alumnos de TIC
Ejemplo para alumnos de TICEjemplo para alumnos de TIC
Ejemplo para alumnos de TIC
 
Trabajo jose 2
Trabajo jose 2Trabajo jose 2
Trabajo jose 2
 
Manual html
Manual htmlManual html
Manual html
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Ejercicios htm lcompletos
Ejercicios htm lcompletosEjercicios htm lcompletos
Ejercicios htm lcompletos
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
 
Tecnologia Web - HTML
Tecnologia Web - HTMLTecnologia Web - HTML
Tecnologia Web - HTML
 
Colegio nacional nicolas es gerra
Colegio nacional nicolas es gerraColegio nacional nicolas es gerra
Colegio nacional nicolas es gerra
 
Colegio nacional nicolas es gerra
Colegio nacional nicolas es gerraColegio nacional nicolas es gerra
Colegio nacional nicolas es gerra
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTML
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 
Manual Typo3
Manual  Typo3Manual  Typo3
Manual Typo3
 
PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
 
Etiquetas en HTML
Etiquetas en HTMLEtiquetas en HTML
Etiquetas en HTML
 

Más de lacatorce

Crear hoja de estilos
Crear hoja de estilosCrear hoja de estilos
Crear hoja de estiloslacatorce
 
Llamadas a javascript
Llamadas a javascriptLlamadas a javascript
Llamadas a javascriptlacatorce
 
Insertar sonido de fondo
Insertar sonido de fondoInsertar sonido de fondo
Insertar sonido de fondolacatorce
 
Insertar objetos de formulario
Insertar objetos de formularioInsertar objetos de formulario
Insertar objetos de formulariolacatorce
 
Crear conjunto de marcos
Crear conjunto de marcosCrear conjunto de marcos
Crear conjunto de marcoslacatorce
 
Insertar una imagen
Insertar una imagenInsertar una imagen
Insertar una imagenlacatorce
 
Insertar un hiperenlace
Insertar un hiperenlaceInsertar un hiperenlace
Insertar un hiperenlacelacatorce
 
Insertar texto con diferentes propiedades
Insertar texto con diferentes propiedadesInsertar texto con diferentes propiedades
Insertar texto con diferentes propiedadeslacatorce
 
Trabajo fin de año
Trabajo fin de añoTrabajo fin de año
Trabajo fin de añolacatorce
 
Trabajo fin de año
Trabajo fin de añoTrabajo fin de año
Trabajo fin de añolacatorce
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerralacatorce
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerralacatorce
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerralacatorce
 
Trabajo 2 periodo 3
Trabajo 2 periodo 3Trabajo 2 periodo 3
Trabajo 2 periodo 3lacatorce
 
Trabajo 2 periodo 2
Trabajo 2 periodo 2Trabajo 2 periodo 2
Trabajo 2 periodo 2lacatorce
 
Trabajo 2 periodo
Trabajo 2 periodoTrabajo 2 periodo
Trabajo 2 periodolacatorce
 
Trabajo 2 periodo
Trabajo 2 periodoTrabajo 2 periodo
Trabajo 2 periodolacatorce
 

Más de lacatorce (19)

Crear hoja de estilos
Crear hoja de estilosCrear hoja de estilos
Crear hoja de estilos
 
Llamadas a javascript
Llamadas a javascriptLlamadas a javascript
Llamadas a javascript
 
Insertar sonido de fondo
Insertar sonido de fondoInsertar sonido de fondo
Insertar sonido de fondo
 
Insertar objetos de formulario
Insertar objetos de formularioInsertar objetos de formulario
Insertar objetos de formulario
 
Crear conjunto de marcos
Crear conjunto de marcosCrear conjunto de marcos
Crear conjunto de marcos
 
Insertar una imagen
Insertar una imagenInsertar una imagen
Insertar una imagen
 
Insertar un hiperenlace
Insertar un hiperenlaceInsertar un hiperenlace
Insertar un hiperenlace
 
Insertar texto con diferentes propiedades
Insertar texto con diferentes propiedadesInsertar texto con diferentes propiedades
Insertar texto con diferentes propiedades
 
Trabajo fin de año
Trabajo fin de añoTrabajo fin de año
Trabajo fin de año
 
Trabajo fin de año
Trabajo fin de añoTrabajo fin de año
Trabajo fin de año
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerra
 
Colegio
ColegioColegio
Colegio
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerra
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerra
 
Yourprezi
YourpreziYourprezi
Yourprezi
 
Trabajo 2 periodo 3
Trabajo 2 periodo 3Trabajo 2 periodo 3
Trabajo 2 periodo 3
 
Trabajo 2 periodo 2
Trabajo 2 periodo 2Trabajo 2 periodo 2
Trabajo 2 periodo 2
 
Trabajo 2 periodo
Trabajo 2 periodoTrabajo 2 periodo
Trabajo 2 periodo
 
Trabajo 2 periodo
Trabajo 2 periodoTrabajo 2 periodo
Trabajo 2 periodo
 

Trabajar con tablas

  • 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. <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. 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: