SlideShare ist ein Scribd-Unternehmen logo
1 von 4
COLEGIO NICOLAS ESGUERRA

Nombre: SebastianMicannaizaque
Curso: 901
Trabajo de Informatica: AulaClic
Profesor: John Caraballo
1. Primero que todo abrimos nuestro anterior archi HTML… comenzemos…

1. 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">
<a href="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:

Weitere ähnliche Inhalte

Was ist angesagt?

trucos generales
trucos generalestrucos generales
trucos generalesjesus17997
 
Guia sobre como Instalar un Certificado Digital de la FNMT en un Navegador
Guia sobre como Instalar un Certificado Digital de la FNMT en un NavegadorGuia sobre como Instalar un Certificado Digital de la FNMT en un Navegador
Guia sobre como Instalar un Certificado Digital de la FNMT en un NavegadorCentro Guadalinfo de Sierra de Yeguas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraPipe Gomex
 
Modificar las propiedades de una capa
Modificar las propiedades de una capaModificar las propiedades de una capa
Modificar las propiedades de una capalacatorce
 
Antivirus 14
Antivirus 14Antivirus 14
Antivirus 14alex037
 
Cómo borrar historial en Chrome
Cómo borrar historial en ChromeCómo borrar historial en Chrome
Cómo borrar historial en ChromeCRISTINA HERNÁNDEZ
 
Como borrar archivos temporales
Como borrar archivos temporalesComo borrar archivos temporales
Como borrar archivos temporalesyanesiitaamyapeto
 
CREACION DE UNA TABLA
CREACION DE UNA TABLACREACION DE UNA TABLA
CREACION DE UNA TABLAinformatica97
 
Info p1 b_exce15_andrea salgado
Info p1 b_exce15_andrea salgadoInfo p1 b_exce15_andrea salgado
Info p1 b_exce15_andrea salgadogandyforlife
 
Como poner una página inicial
Como poner una página inicialComo poner una página inicial
Como poner una página inicialandreucha12
 
Guia sobre como desinstalar un certificado digital de la FNMT de un navegador
Guia sobre como desinstalar un certificado digital de la FNMT de un navegadorGuia sobre como desinstalar un certificado digital de la FNMT de un navegador
Guia sobre como desinstalar un certificado digital de la FNMT de un navegadorCentro Guadalinfo de Sierra de Yeguas
 
Como insertar el buscardor google en tu blog
Como insertar el buscardor google en tu blogComo insertar el buscardor google en tu blog
Como insertar el buscardor google en tu blogGonzalo Muñoz Miranda
 

Was ist angesagt? (20)

Páginas de inicio
Páginas de inicioPáginas de inicio
Páginas de inicio
 
trucos generales
trucos generalestrucos generales
trucos generales
 
Guia sobre como Instalar un Certificado Digital de la FNMT en un Navegador
Guia sobre como Instalar un Certificado Digital de la FNMT en un NavegadorGuia sobre como Instalar un Certificado Digital de la FNMT en un Navegador
Guia sobre como Instalar un Certificado Digital de la FNMT en un Navegador
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Modificar las propiedades de una capa
Modificar las propiedades de una capaModificar las propiedades de una capa
Modificar las propiedades de una capa
 
Formularios HTML
Formularios HTMLFormularios HTML
Formularios HTML
 
Antivirus 14
Antivirus 14Antivirus 14
Antivirus 14
 
Cómo borrar historial en Chrome
Cómo borrar historial en ChromeCómo borrar historial en Chrome
Cómo borrar historial en Chrome
 
Como borrar archivos temporales
Como borrar archivos temporalesComo borrar archivos temporales
Como borrar archivos temporales
 
Ejercicio 5
Ejercicio 5Ejercicio 5
Ejercicio 5
 
Taller 3!
Taller 3!Taller 3!
Taller 3!
 
CREACION DE UNA TABLA
CREACION DE UNA TABLACREACION DE UNA TABLA
CREACION DE UNA TABLA
 
Info p1 b_exce15_andrea salgado
Info p1 b_exce15_andrea salgadoInfo p1 b_exce15_andrea salgado
Info p1 b_exce15_andrea salgado
 
Como poner una página inicial
Como poner una página inicialComo poner una página inicial
Como poner una página inicial
 
Guia sobre como desinstalar un certificado digital de la FNMT de un navegador
Guia sobre como desinstalar un certificado digital de la FNMT de un navegadorGuia sobre como desinstalar un certificado digital de la FNMT de un navegador
Guia sobre como desinstalar un certificado digital de la FNMT de un navegador
 
1 programa de sumar y restar
1 programa de sumar y restar1 programa de sumar y restar
1 programa de sumar y restar
 
Programacion
ProgramacionProgramacion
Programacion
 
Tabla de contenido
Tabla de contenidoTabla de contenido
Tabla de contenido
 
Como insertar el buscardor google en tu blog
Como insertar el buscardor google en tu blogComo insertar el buscardor google en tu blog
Como insertar el buscardor google en tu blog
 
Netlog manual
Netlog manualNetlog manual
Netlog manual
 

Andere mochten auch

Revolución industrial
Revolución industrialRevolución industrial
Revolución industrialAleman007
 
Cassandra Day London 2015: Apache Cassandra Anti-Patterns
Cassandra Day London 2015: Apache Cassandra Anti-PatternsCassandra Day London 2015: Apache Cassandra Anti-Patterns
Cassandra Day London 2015: Apache Cassandra Anti-PatternsDataStax Academy
 
Gerente de un proyecto
Gerente de un proyectoGerente de un proyecto
Gerente de un proyectoAleman007
 
Cassandra Day London 2015: Getting Started with Apache Cassandra and Java
Cassandra Day London 2015: Getting Started with Apache Cassandra and JavaCassandra Day London 2015: Getting Started with Apache Cassandra and Java
Cassandra Day London 2015: Getting Started with Apache Cassandra and JavaDataStax Academy
 
Cassandra Day London 2015: Data Modeling 101
Cassandra Day London 2015: Data Modeling 101Cassandra Day London 2015: Data Modeling 101
Cassandra Day London 2015: Data Modeling 101DataStax Academy
 
Tema1 proyectos
Tema1 proyectosTema1 proyectos
Tema1 proyectosAleman007
 
Papel del estado en el desarrollo tecnológico
Papel del estado en el desarrollo tecnológicoPapel del estado en el desarrollo tecnológico
Papel del estado en el desarrollo tecnológicoAleman007
 
Programacion lineal
Programacion linealProgramacion lineal
Programacion linealAleman007
 
Cassandra Day London 2015: Diagnosing Problems in Production
Cassandra Day London 2015: Diagnosing Problems in ProductionCassandra Day London 2015: Diagnosing Problems in Production
Cassandra Day London 2015: Diagnosing Problems in ProductionDataStax Academy
 
Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...
Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...
Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...DataStax Academy
 
Diseña el cambio. enny.plan de convivencia familiar
Diseña el cambio. enny.plan de convivencia familiarDiseña el cambio. enny.plan de convivencia familiar
Diseña el cambio. enny.plan de convivencia familiarescsectec103
 
Cassandra Day London 2015: Securing Cassandra and DataStax Enterprise
Cassandra Day London 2015: Securing Cassandra and DataStax EnterpriseCassandra Day London 2015: Securing Cassandra and DataStax Enterprise
Cassandra Day London 2015: Securing Cassandra and DataStax EnterpriseDataStax Academy
 
Anatomy of eyeball
Anatomy of eyeballAnatomy of eyeball
Anatomy of eyeballAshserah
 

Andere mochten auch (13)

Revolución industrial
Revolución industrialRevolución industrial
Revolución industrial
 
Cassandra Day London 2015: Apache Cassandra Anti-Patterns
Cassandra Day London 2015: Apache Cassandra Anti-PatternsCassandra Day London 2015: Apache Cassandra Anti-Patterns
Cassandra Day London 2015: Apache Cassandra Anti-Patterns
 
Gerente de un proyecto
Gerente de un proyectoGerente de un proyecto
Gerente de un proyecto
 
Cassandra Day London 2015: Getting Started with Apache Cassandra and Java
Cassandra Day London 2015: Getting Started with Apache Cassandra and JavaCassandra Day London 2015: Getting Started with Apache Cassandra and Java
Cassandra Day London 2015: Getting Started with Apache Cassandra and Java
 
Cassandra Day London 2015: Data Modeling 101
Cassandra Day London 2015: Data Modeling 101Cassandra Day London 2015: Data Modeling 101
Cassandra Day London 2015: Data Modeling 101
 
Tema1 proyectos
Tema1 proyectosTema1 proyectos
Tema1 proyectos
 
Papel del estado en el desarrollo tecnológico
Papel del estado en el desarrollo tecnológicoPapel del estado en el desarrollo tecnológico
Papel del estado en el desarrollo tecnológico
 
Programacion lineal
Programacion linealProgramacion lineal
Programacion lineal
 
Cassandra Day London 2015: Diagnosing Problems in Production
Cassandra Day London 2015: Diagnosing Problems in ProductionCassandra Day London 2015: Diagnosing Problems in Production
Cassandra Day London 2015: Diagnosing Problems in Production
 
Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...
Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...
Cassandra Day London 2015: Introduction to Apache Cassandra and DataStax Ente...
 
Diseña el cambio. enny.plan de convivencia familiar
Diseña el cambio. enny.plan de convivencia familiarDiseña el cambio. enny.plan de convivencia familiar
Diseña el cambio. enny.plan de convivencia familiar
 
Cassandra Day London 2015: Securing Cassandra and DataStax Enterprise
Cassandra Day London 2015: Securing Cassandra and DataStax EnterpriseCassandra Day London 2015: Securing Cassandra and DataStax Enterprise
Cassandra Day London 2015: Securing Cassandra and DataStax Enterprise
 
Anatomy of eyeball
Anatomy of eyeballAnatomy of eyeball
Anatomy of eyeball
 

Ähnlich wie Trabajar con tablas

Ähnlich wie Trabajar con tablas (20)

Trabajo jose 2
Trabajo jose 2Trabajo jose 2
Trabajo jose 2
 
Trabajo jose
Trabajo joseTrabajo jose
Trabajo jose
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de html
 
Html trabajo 7 904 JR
Html trabajo 7 904 JRHtml trabajo 7 904 JR
Html trabajo 7 904 JR
 
Ejemplo para alumnos de TIC
Ejemplo para alumnos de TICEjemplo para alumnos de TIC
Ejemplo para alumnos de TIC
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de html
 
MAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-NaomyMAQUETACIÒN WEB-Naomy
MAQUETACIÒN WEB-Naomy
 
MAQUETACION WEB
MAQUETACION WEBMAQUETACION WEB
MAQUETACION WEB
 
Html trabajo 7
Html trabajo 7Html trabajo 7
Html trabajo 7
 
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
 
Pagina web
Pagina webPagina web
Pagina web
 
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
 
Manual Typo3
Manual  Typo3Manual  Typo3
Manual Typo3
 
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
 
d
      d        d
d
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 

Mehr von Nicolas Amado

Modificar las propiedades de una capa
Modificar las propiedades de una capaModificar las propiedades de una capa
Modificar las propiedades de una capaNicolas Amado
 
Insertar un hiperenlace
Insertar un hiperenlaceInsertar un hiperenlace
Insertar un hiperenlaceNicolas Amado
 
Insertar texto con diferentes propiedades
Insertar texto con diferentes propiedadesInsertar texto con diferentes propiedades
Insertar texto con diferentes propiedadesNicolas Amado
 
Insertar sonido de fondo
Insertar sonido de fondoInsertar sonido de fondo
Insertar sonido de fondoNicolas Amado
 
Insertar objetos de formulario
Insertar objetos de formularioInsertar objetos de formulario
Insertar objetos de formularioNicolas Amado
 
Crear una página básica
Crear una página básicaCrear una página básica
Crear una página básicaNicolas Amado
 
Crear hoja de estilos
Crear hoja de estilosCrear hoja de estilos
Crear hoja de estilosNicolas Amado
 
Crear conjunto de marcos
Crear conjunto de marcosCrear conjunto de marcos
Crear conjunto de marcosNicolas Amado
 
Index Pagina Web Html
Index Pagina Web HtmlIndex Pagina Web Html
Index Pagina Web HtmlNicolas Amado
 
Trabajo mindstorms 4
Trabajo mindstorms 4Trabajo mindstorms 4
Trabajo mindstorms 4Nicolas Amado
 
Trabajo mindstorms 3
Trabajo mindstorms 3Trabajo mindstorms 3
Trabajo mindstorms 3Nicolas Amado
 

Mehr von Nicolas Amado (20)

Modificar las propiedades de una capa
Modificar las propiedades de una capaModificar las propiedades de una capa
Modificar las propiedades de una capa
 
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
 
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 una página básica
Crear una página básicaCrear una página básica
Crear una página básica
 
Crear hoja de estilos
Crear hoja de estilosCrear hoja de estilos
Crear hoja de estilos
 
Crear conjunto de marcos
Crear conjunto de marcosCrear conjunto de marcos
Crear conjunto de marcos
 
Index Pagina Web Html
Index Pagina Web HtmlIndex Pagina Web Html
Index Pagina Web Html
 
Pagina html
Pagina htmlPagina html
Pagina html
 
Html
HtmlHtml
Html
 
Tecnomarte
TecnomarteTecnomarte
Tecnomarte
 
Tecnomarte
TecnomarteTecnomarte
Tecnomarte
 
Tecnomarte
TecnomarteTecnomarte
Tecnomarte
 
Trabajo mindstorms 4
Trabajo mindstorms 4Trabajo mindstorms 4
Trabajo mindstorms 4
 
Trabajo mindstorms 3
Trabajo mindstorms 3Trabajo mindstorms 3
Trabajo mindstorms 3
 
Trabajo mindstorms
Trabajo mindstormsTrabajo mindstorms
Trabajo mindstorms
 
Trabajo mindstorms1
Trabajo mindstorms1Trabajo mindstorms1
Trabajo mindstorms1
 
Trabajo mindstorms
Trabajo mindstormsTrabajo mindstorms
Trabajo mindstorms
 

Trabajar con tablas

  • 1. COLEGIO NICOLAS ESGUERRA Nombre: SebastianMicannaizaque Curso: 901 Trabajo de Informatica: AulaClic Profesor: John Caraballo
  • 2. 1. Primero que todo abrimos nuestro anterior archi HTML… comenzemos… 1. 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.
  • 3. <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"> <a href="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>
  • 4. 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: