SlideShare una empresa de Scribd logo
Bill Gates
                                    Colegio particular a distancia
Curso 3ro de bachillerato
Materia: Computación
Profesor Ing. Diego Salazar
Mail profesor: diesalazar76@yahoo.es

Tareas válidas para los aportes del mes de septiembre y octubre


La materia para este trimestre se centra en la creación de páginas web con la elaboración de
código HTML y a continuación se le pasa un resumen de la codificación vista hasta la fecha con sus
compañeros de aula.

El siguiente código html lo tienen que transcribir en el programa Bloc de Notas de Windows el
mismo que está en Inicio – todos los programas –accesorios – bloc de notas

Una vez transcrito en dicho programa tiene que guardar dentro de una carpeta con un nombre
cualquiera y con extensión de archivo punto html por ejemplo: misitio.HTML

El siguiente paso es que tiene que buscar el archivo donde lo guardo y ejecutarle dando doble clic
para poder ver la página web terminada.

Tarea a desarrollar y enviar
El siguiente código está formado por varias sentencias de programación HTML el mismo que usted
tendrá que explicar para que sirve cada sentencia; esto lo podrá hacer dándose cuenta en el
momento de ejecutar su web en el navegador de internet.

Ejemplo de la tarea que usted tiene q realizar..

    Las sentencias:

    <html> me indican el inicio de la programación de la página html

    </html> me indican la finalización de la programación de la página html

    <head> es el inicio de la cabecera en una página web

    </head> es la finalización de la cabecera de una página web

    <br> se utiliza para escribir en la siguiente línea

    Y así sucesivamente
<html>

   <head>

          <title>Repaso de web</title>

                 <h1>Repaso de codigo HTML con el bloc de Notas h1</h1>

          <h2>Repaso de codigo HTML con el bloc de Notas h2</h2>

          <h3>Repaso de codigo HTML con el bloc de Notas h3</h3>

          <h4>Repaso de codigo HTML con el bloc de Notas h4</h4>

          <h5>Repaso de codigo HTML con el bloc de Notas h5</h5>

          <h6>Repaso de codigo HTML con el bloc de Notas h6</h6>



   </head>

   <body>

         <body text=white bgcolor=green>



          <hr width=33% align=left size=8>

         Estilos físicos:<br>

              <b>Cuál es el resultado del texto</b>, <br>

                          <hr width=33% align=left size=8>

              <i>Cuál es el resultado del texto</i>, <br>

                          <hr width=33% align=left size=8>

              <u>Cuál es el resultado del texto</u>, <br>

                          <hr width=33% align=left size=8>

              <tt>Cuál es el resultado del texto</tt>, <br>
<hr width=33% align=left size=8>

            <big>Cuál es el resultado del texto</big>, <br>

                      <hr width=33% align=left size=8>

            <small>Cuál es el resultado del texto</small>, <br>

                      <hr width=33% align=left size=8>

            <s>Cuál es el resultado del texto</s>, <br>

                      <hr width=33% align=left size=8>



               <font size=1> fuente de tamaño 1</font><br>

        <font size=2> fuente de tamaño 2</font><br>

        <font size=3> fuente de tamaño 3</font><br>

        <font size=4> fuente de tamaño 4</font><br>

        <font size=5> fuente de tamaño 5</font><br>

        <font size=6> fuente de tamaño 6</font><br>

        <font size=7> fuente de tamaño 7</font><br>

<hr width=33% align=left size=8>



               <font color=red>Color rojo</font>

        <font color=yellow>Color amarillo</font>

        <font color=#0000ff>Color azul</font>

Fuente por defecto

        <font face="arial">Fuente Arial</font>

               <hr width=33% align=left size=8>

        <font face="times">Fuente Times</font>

               <hr width=33% align=left size=8>

        <font face="helvetica">Fuente Helvetica</font> <br>
<hr width=33% align=left size=8>



      <ul>

             <li>primer elemento</li>

             <li>segundo elemento

                 <ul>

                        <li>primer elemento</li>

                        <li>segundo elemento</li>

                        <li>tercer elemento</li>

                        <li>cuarto elemento</li>

                 </ul>

             </li>

             <li>tercer elemento</li>

             <li>cuarto elemento</li>

       </ul>



      La musica que mas me gusta es <I> (en orden de preferencia):

      </I>

      <OL>

      <LI> El rock

      <LI> El jazz

      <LI> La musica clasica

      </OL>



<IMG SRC="nombre de la imagen.jpg" WIDTH=300 HEIGHT=300 ALIGN=MIDDLE>
<table border=0>

            <td>

                   <table border=1 align=left>

                          <caption>Tabla básica</caption>

                       <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr>

                       <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr>

                       <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr>

                   </table>

            </td>>



            <td>

                   <table border=1 align=left>

                       <caption>Tabla hueca</caption>

                       <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr>

                       <tr> <td>2,1</td> <td> </td> <td>2,3</td> </tr>

                       <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr>

                   </table>

            </td>



            <td>

                   <table border=1 align=left>

                          <caption>Tabla con colspan</caption>

                       <tr> <td colspan=3 align=center>1,x</td> </tr>

                          <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr>

                       <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr>

                   </table>
</td>



             <td>

                 <table border=1>

                     <caption>Tabla con rowspan</caption>

                         <tr> <td rowspan=3>x,1</td> <td>1,2</td> <td>1,3</td> </tr>

                     <tr> <td>2,2</td> <td>2,3</td> </tr>

                     <tr> <td>3,2</td> <td>3,3</td> </tr>

                       </table>

             </td>

      </table>

<A HREF= "http://www.americancollege.edu.ec/home.html ">American College</A>



</body>

</html>




NOTA. La tarea se tendrá que entregar hasta el sábado 12 de noviembre del presente a la
dirección de correo del profesor Ing Diego Salazar

  diesalazar76@yahoo.es

Más contenido relacionado

Destacado

Convocatoria m30gdl2014
Convocatoria m30gdl2014Convocatoria m30gdl2014
Convocatoria m30gdl2014
agssports.com
 
Libreto vii feria del aceite ciudad de porcuna
Libreto vii feria del aceite ciudad de porcunaLibreto vii feria del aceite ciudad de porcuna
Libreto vii feria del aceite ciudad de porcuna
guadalinfoporcuna
 
Exportar objeto como bitmap
Exportar objeto como bitmapExportar objeto como bitmap
Exportar objeto como bitmap
carolina peña
 
Voleibol de playa
Voleibol de playaVoleibol de playa
Voleibol de playa
agssports.com
 
Articulos
ArticulosArticulos
Calendario de juegos_2015_lmb
Calendario de juegos_2015_lmbCalendario de juegos_2015_lmb
Calendario de juegos_2015_lmb
agssports.com
 
Libro "Aceite entre Fogones" Ayuntamiento de Porcuna
Libro "Aceite entre Fogones" Ayuntamiento de PorcunaLibro "Aceite entre Fogones" Ayuntamiento de Porcuna
Libro "Aceite entre Fogones" Ayuntamiento de Porcuna
guadalinfoporcuna
 
Normas apa
Normas apaNormas apa
Normas apa
Delber Mantilla
 
Taller ¿Cómo acceder a la Información Pública?
Taller ¿Cómo acceder a la Información Pública?Taller ¿Cómo acceder a la Información Pública?
Taller ¿Cómo acceder a la Información Pública?
CiudadViva
 
Pugooo
PugoooPugooo
Amigos metaleros
Amigos metalerosAmigos metaleros
Amigos metaleros
Metal4everRo
 
Urp base-5
Urp base-5Urp base-5
Urp base-5
Keyla Figueroa
 
8
88
Lectura 1
Lectura 1Lectura 1
Lectura 1
Gilbert1310
 
Folleto pas
Folleto pasFolleto pas
Folleto pas
havenumar
 
FoodScapes - Paisaje de Comida
FoodScapes - Paisaje de ComidaFoodScapes - Paisaje de Comida
FoodScapes - Paisaje de Comida
Enrique Sanber
 
Presentación1
Presentación1Presentación1
Presentación1
axlwilly
 
Colores
ColoresColores
6
66

Destacado (20)

Software
SoftwareSoftware
Software
 
Convocatoria m30gdl2014
Convocatoria m30gdl2014Convocatoria m30gdl2014
Convocatoria m30gdl2014
 
Libreto vii feria del aceite ciudad de porcuna
Libreto vii feria del aceite ciudad de porcunaLibreto vii feria del aceite ciudad de porcuna
Libreto vii feria del aceite ciudad de porcuna
 
Exportar objeto como bitmap
Exportar objeto como bitmapExportar objeto como bitmap
Exportar objeto como bitmap
 
Voleibol de playa
Voleibol de playaVoleibol de playa
Voleibol de playa
 
Articulos
ArticulosArticulos
Articulos
 
Calendario de juegos_2015_lmb
Calendario de juegos_2015_lmbCalendario de juegos_2015_lmb
Calendario de juegos_2015_lmb
 
Libro "Aceite entre Fogones" Ayuntamiento de Porcuna
Libro "Aceite entre Fogones" Ayuntamiento de PorcunaLibro "Aceite entre Fogones" Ayuntamiento de Porcuna
Libro "Aceite entre Fogones" Ayuntamiento de Porcuna
 
Normas apa
Normas apaNormas apa
Normas apa
 
Taller ¿Cómo acceder a la Información Pública?
Taller ¿Cómo acceder a la Información Pública?Taller ¿Cómo acceder a la Información Pública?
Taller ¿Cómo acceder a la Información Pública?
 
Pugooo
PugoooPugooo
Pugooo
 
Amigos metaleros
Amigos metalerosAmigos metaleros
Amigos metaleros
 
Urp base-5
Urp base-5Urp base-5
Urp base-5
 
8
88
8
 
Lectura 1
Lectura 1Lectura 1
Lectura 1
 
Folleto pas
Folleto pasFolleto pas
Folleto pas
 
FoodScapes - Paisaje de Comida
FoodScapes - Paisaje de ComidaFoodScapes - Paisaje de Comida
FoodScapes - Paisaje de Comida
 
Presentación1
Presentación1Presentación1
Presentación1
 
Colores
ColoresColores
Colores
 
6
66
6
 

Similar a Tarea tercero bachillerato

Pbhtml
PbhtmlPbhtml
Pbhtml
lulabejarano
 
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Archivo de html
Archivo de htmlArchivo de html
Archivo de html
Elizabeth SuperCan
 
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
harrybm
 
Pbhtml
PbhtmlPbhtml
Prácticas en HTML
Prácticas en HTMLPrácticas en HTML
Prácticas en HTML
Carlos Bz Casachagua
 
Pbhtml
PbhtmlPbhtml
Pbhtml
Betsy Guerra
 
Publicación en SlideShare
Publicación en SlideSharePublicación en SlideShare
Publicación en SlideShare
avo08
 
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml
Pbhtml
G0NZ4L0
 
Pbhtml
PbhtmlPbhtml
Pbhtml
PbhtmlPbhtml

Similar a Tarea tercero bachillerato (20)

Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Archivo de html
Archivo de htmlArchivo de html
Archivo de html
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Prácticas en HTML
Prácticas en HTMLPrácticas en HTML
Prácticas en HTML
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Publicación en SlideShare
Publicación en SlideSharePublicación en SlideShare
Publicación en SlideShare
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 

Más de Diego Salazar

MONOGRAFIA ESTUDIANTE
MONOGRAFIA ESTUDIANTE MONOGRAFIA ESTUDIANTE
MONOGRAFIA ESTUDIANTE
Diego Salazar
 
Decreto 366 27 jun-2014 (1)
Decreto 366 27 jun-2014 (1)Decreto 366 27 jun-2014 (1)
Decreto 366 27 jun-2014 (1)Diego Salazar
 
Pca educación artística ejemplo
Pca educación artística ejemploPca educación artística ejemplo
Pca educación artística ejemplo
Diego Salazar
 
Invita casa abierta
Invita casa abiertaInvita casa abierta
Invita casa abierta
Diego Salazar
 
Grupo 4 OBJETOS DE APRENDIZAJE CONSULTORA
Grupo 4 OBJETOS DE APRENDIZAJE CONSULTORAGrupo 4 OBJETOS DE APRENDIZAJE CONSULTORA
Grupo 4 OBJETOS DE APRENDIZAJE CONSULTORA
Diego Salazar
 
Calendario escolar 2012 2013
Calendario escolar 2012 2013Calendario escolar 2012 2013
Calendario escolar 2012 2013
Diego Salazar
 
Fotografias
FotografiasFotografias
Fotografias
Diego Salazar
 
Proteccion a estudiantes
Proteccion a estudiantesProteccion a estudiantes
Proteccion a estudiantesDiego Salazar
 
Estandares 2012 (2)
Estandares 2012 (2)Estandares 2012 (2)
Estandares 2012 (2)
Diego Salazar
 
Manual dreamweaver cs5_spanish
Manual dreamweaver cs5_spanishManual dreamweaver cs5_spanish
Manual dreamweaver cs5_spanish
Diego Salazar
 
Herramientas didácticas tecnológicas
Herramientas didácticas tecnológicas Herramientas didácticas tecnológicas
Herramientas didácticas tecnológicas
Diego Salazar
 
EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S
EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S
EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S
Diego Salazar
 

Más de Diego Salazar (12)

MONOGRAFIA ESTUDIANTE
MONOGRAFIA ESTUDIANTE MONOGRAFIA ESTUDIANTE
MONOGRAFIA ESTUDIANTE
 
Decreto 366 27 jun-2014 (1)
Decreto 366 27 jun-2014 (1)Decreto 366 27 jun-2014 (1)
Decreto 366 27 jun-2014 (1)
 
Pca educación artística ejemplo
Pca educación artística ejemploPca educación artística ejemplo
Pca educación artística ejemplo
 
Invita casa abierta
Invita casa abiertaInvita casa abierta
Invita casa abierta
 
Grupo 4 OBJETOS DE APRENDIZAJE CONSULTORA
Grupo 4 OBJETOS DE APRENDIZAJE CONSULTORAGrupo 4 OBJETOS DE APRENDIZAJE CONSULTORA
Grupo 4 OBJETOS DE APRENDIZAJE CONSULTORA
 
Calendario escolar 2012 2013
Calendario escolar 2012 2013Calendario escolar 2012 2013
Calendario escolar 2012 2013
 
Fotografias
FotografiasFotografias
Fotografias
 
Proteccion a estudiantes
Proteccion a estudiantesProteccion a estudiantes
Proteccion a estudiantes
 
Estandares 2012 (2)
Estandares 2012 (2)Estandares 2012 (2)
Estandares 2012 (2)
 
Manual dreamweaver cs5_spanish
Manual dreamweaver cs5_spanishManual dreamweaver cs5_spanish
Manual dreamweaver cs5_spanish
 
Herramientas didácticas tecnológicas
Herramientas didácticas tecnológicas Herramientas didácticas tecnológicas
Herramientas didácticas tecnológicas
 
EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S
EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S
EL DESCONOCIMIENTO DE MÉTODOS METACOGNITIVOS Y RECURSOS DIDÁCTICOS CON TIC’S
 

Tarea tercero bachillerato

  • 1. Bill Gates Colegio particular a distancia Curso 3ro de bachillerato Materia: Computación Profesor Ing. Diego Salazar Mail profesor: diesalazar76@yahoo.es Tareas válidas para los aportes del mes de septiembre y octubre La materia para este trimestre se centra en la creación de páginas web con la elaboración de código HTML y a continuación se le pasa un resumen de la codificación vista hasta la fecha con sus compañeros de aula. El siguiente código html lo tienen que transcribir en el programa Bloc de Notas de Windows el mismo que está en Inicio – todos los programas –accesorios – bloc de notas Una vez transcrito en dicho programa tiene que guardar dentro de una carpeta con un nombre cualquiera y con extensión de archivo punto html por ejemplo: misitio.HTML El siguiente paso es que tiene que buscar el archivo donde lo guardo y ejecutarle dando doble clic para poder ver la página web terminada. Tarea a desarrollar y enviar El siguiente código está formado por varias sentencias de programación HTML el mismo que usted tendrá que explicar para que sirve cada sentencia; esto lo podrá hacer dándose cuenta en el momento de ejecutar su web en el navegador de internet. Ejemplo de la tarea que usted tiene q realizar.. Las sentencias: <html> me indican el inicio de la programación de la página html </html> me indican la finalización de la programación de la página html <head> es el inicio de la cabecera en una página web </head> es la finalización de la cabecera de una página web <br> se utiliza para escribir en la siguiente línea Y así sucesivamente
  • 2. <html> <head> <title>Repaso de web</title> <h1>Repaso de codigo HTML con el bloc de Notas h1</h1> <h2>Repaso de codigo HTML con el bloc de Notas h2</h2> <h3>Repaso de codigo HTML con el bloc de Notas h3</h3> <h4>Repaso de codigo HTML con el bloc de Notas h4</h4> <h5>Repaso de codigo HTML con el bloc de Notas h5</h5> <h6>Repaso de codigo HTML con el bloc de Notas h6</h6> </head> <body> <body text=white bgcolor=green> <hr width=33% align=left size=8> Estilos físicos:<br> <b>Cuál es el resultado del texto</b>, <br> <hr width=33% align=left size=8> <i>Cuál es el resultado del texto</i>, <br> <hr width=33% align=left size=8> <u>Cuál es el resultado del texto</u>, <br> <hr width=33% align=left size=8> <tt>Cuál es el resultado del texto</tt>, <br>
  • 3. <hr width=33% align=left size=8> <big>Cuál es el resultado del texto</big>, <br> <hr width=33% align=left size=8> <small>Cuál es el resultado del texto</small>, <br> <hr width=33% align=left size=8> <s>Cuál es el resultado del texto</s>, <br> <hr width=33% align=left size=8> <font size=1> fuente de tamaño 1</font><br> <font size=2> fuente de tamaño 2</font><br> <font size=3> fuente de tamaño 3</font><br> <font size=4> fuente de tamaño 4</font><br> <font size=5> fuente de tamaño 5</font><br> <font size=6> fuente de tamaño 6</font><br> <font size=7> fuente de tamaño 7</font><br> <hr width=33% align=left size=8> <font color=red>Color rojo</font> <font color=yellow>Color amarillo</font> <font color=#0000ff>Color azul</font> Fuente por defecto <font face="arial">Fuente Arial</font> <hr width=33% align=left size=8> <font face="times">Fuente Times</font> <hr width=33% align=left size=8> <font face="helvetica">Fuente Helvetica</font> <br>
  • 4. <hr width=33% align=left size=8> <ul> <li>primer elemento</li> <li>segundo elemento <ul> <li>primer elemento</li> <li>segundo elemento</li> <li>tercer elemento</li> <li>cuarto elemento</li> </ul> </li> <li>tercer elemento</li> <li>cuarto elemento</li> </ul> La musica que mas me gusta es <I> (en orden de preferencia): </I> <OL> <LI> El rock <LI> El jazz <LI> La musica clasica </OL> <IMG SRC="nombre de la imagen.jpg" WIDTH=300 HEIGHT=300 ALIGN=MIDDLE>
  • 5. <table border=0> <td> <table border=1 align=left> <caption>Tabla básica</caption> <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr> <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr> </table> </td>> <td> <table border=1 align=left> <caption>Tabla hueca</caption> <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr> <tr> <td>2,1</td> <td> </td> <td>2,3</td> </tr> <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr> </table> </td> <td> <table border=1 align=left> <caption>Tabla con colspan</caption> <tr> <td colspan=3 align=center>1,x</td> </tr> <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr> </table>
  • 6. </td> <td> <table border=1> <caption>Tabla con rowspan</caption> <tr> <td rowspan=3>x,1</td> <td>1,2</td> <td>1,3</td> </tr> <tr> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,2</td> <td>3,3</td> </tr> </table> </td> </table> <A HREF= "http://www.americancollege.edu.ec/home.html ">American College</A> </body> </html> NOTA. La tarea se tendrá que entregar hasta el sábado 12 de noviembre del presente a la dirección de correo del profesor Ing Diego Salazar diesalazar76@yahoo.es