SlideShare una empresa de Scribd logo
1 de 3
COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE               Código
                                        COLEGIO FRANCISCANO DE SAN LUIS BELTRAN                  PGF 02 R-04
                                                           Proceso
                                                    GESTION DE FORMACION                        Página 1 de 3
                                                         Procedimiento
                                                     DISEÑO CURRICULAR
    L.F.1813 de octubre 20 de 2003
                                           GUIA No.1 DE TECNOLOGIA E INFORMÁTICA


GRADO 6º           CURSO 1-2-3                   PERIODO: IV               FECHA 20 de Septiembre de 2012
ALUMNO_________________________________________________________________________________
DOCENTES: Lic. GREGORIO PEÑA CORONADO – Ing. MIGUEL MANJARRES JIMENO

DESEMPEÑO: Conocer las diferentes formas de utilizar los textos en el lenguaje HTML para desarrollar las
páginas Web

INDICADOR DE DESEMPEÑO

• Aplica los diferentes tipos de textos a las páginas Web.

CONTENIDOS:

 Salto de línea
 Separadores
 Sangrado de texto

                                          SALTOS DE LÍNEA <BR>


En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO. Si
pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el
navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que
insertar la etiqueta <br> donde se desee que se produzca el salto.


La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> después de ella,
ya que dicha etiqueta no existe. Por ejemplo, para insertar el texto:


Queridos usuarios,
tengo el placer de comunicarles que hay una nueva sección.


Habría que escribir:


Queridos usuarios,<br>tengo el placer de comunicarles que hay una nueva sección.


                                             SEPARADORES <HR>


El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal.
Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta
de cierre.
COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE         Código
                                               COLEGIO FRANCISCANO DE SAN LUIS BELTRAN            PGF 02 R-04
                                                                   Proceso
                                                            GESTION DE FORMACION                  Página 2 de 3
                                                                 Procedimiento
                                                             DISEÑO CURRICULAR
    L.F.1813 de octubre 20 de 2003
                                                   GUIA No.1 DE TECNOLOGIA E INFORMÁTICA


Es posible especificar algunos atributos de la regla horizontal:

            Atributo                   Significado                          Posibles valores

                             alineación de la regla dentro                   left (izquierda)
               align                 de la página                            right (derecha)
                                                                             center (centro)
                                                             un número, acompañado de % cuando se desee
              width                  ancho de la regla
                                                                         que sea en porcentaje
               size                   alto de la regla                         un número
                             eliminar el sombreado de la
            noshade                                                      no puede tomar valores
                                         regla


Por ejemplo, para insertar el texto y la regla horizontal siguientes:


Inicio

Bienvenidos a mi página.


Habría que escribir:


Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi página


                                       SANGRADO DE TEXTO <BLOCKQUOTE>


La sangría es una especie de margen que se establece a ambos lados del texto. Para que un texto aparezca
sangrado, se inserta entre las etiquetas <blockquote> y </blockquote>. Esta etiqueta en un principio se
definió para delimitar citas pero que como la mayoría de los navegadores resuelven la cita incluyendo un
sangrado del texto, su uso para sangrar texto se ha generalizado.


El uso de la etiqueta <blockquote> obliga a que el texto aparezca en una nueva línea. Insertando el texto entre
varias etiquetas <blockquote> y </blockquote> se consigue que los márgenes sean mayores. Por ejemplo,
para insertar el texto:


         Queridos usuarios,
                   tengo el placer de comunicarles que hay una nueva sección.
COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE             Código
                                         COLEGIO FRANCISCANO DE SAN LUIS BELTRAN                PGF 02 R-04
                                                           Proceso
                                                    GESTION DE FORMACION                        Página 3 de 3
                                                         Procedimiento
                                                     DISEÑO CURRICULAR
    L.F.1813 de octubre 20 de 2003
                                           GUIA No.1 DE TECNOLOGIA E INFORMÁTICA




Habría que escribir:


Queridos usuarios,
 <blockquote>
 tengo el placer de comunicarles que hay una nueva sección
</blockquote>

                                     ACTIVIDAD EXPLORATORIA INDIVIDUAL

1. Realice los ejemplos que se encuentra en la guía orientada por el docente en la sala de informática.

                                           ACTIVIDAD EXTRACLASE

Investiga

1. ¿Para qué se utiliza la etiqueta Font en el lenguaje HTML?

2. ¿Cuáles son los atributos que presenta la etiqueta Font?

3. ¿Cuál es la función de la etiqueta basefont?

4. Realiza una página Web utilizando las etiquetas de la guía No. 1

                                                  BIBLIOGRAFIA

ING. GARCIA Irene Elaboración de página Web
Tutorial en Internet

Más contenido relacionado

Similar a Guía No. 1 grado 6

Similar a Guía No. 1 grado 6 (20)

Guía No.2 grado 6º
Guía No.2 grado  6ºGuía No.2 grado  6º
Guía No.2 grado 6º
 
Guía No.3 grado 9
Guía No.3 grado 9 Guía No.3 grado 9
Guía No.3 grado 9
 
Guía No.2 Grado 7
Guía No.2 Grado 7Guía No.2 Grado 7
Guía No.2 Grado 7
 
Guía No. 1 grado 6
Guía No. 1 grado 6Guía No. 1 grado 6
Guía No. 1 grado 6
 
Guía No. 1 grado 6
Guía No. 1 grado 6Guía No. 1 grado 6
Guía No. 1 grado 6
 
Guia No. 1 grado 10
Guia No. 1 grado 10Guia No. 1 grado 10
Guia No. 1 grado 10
 
Guía No.2 grado 8
Guía No.2 grado 8 Guía No.2 grado 8
Guía No.2 grado 8
 
Guía No.3 grado 7
Guía No.3 grado 7Guía No.3 grado 7
Guía No.3 grado 7
 
Guía No.2 Grado 9
Guía No.2 Grado 9Guía No.2 Grado 9
Guía No.2 Grado 9
 
Guía No. 2 grado 6
Guía No. 2 grado 6 Guía No. 2 grado 6
Guía No. 2 grado 6
 
Guía No.2 grado 9
Guía No.2 grado 9Guía No.2 grado 9
Guía No.2 grado 9
 
Etiquetas cfds contpaq i
Etiquetas cfds contpaq iEtiquetas cfds contpaq i
Etiquetas cfds contpaq i
 
Guía No. 2 grado 11
Guía No. 2 grado 11Guía No. 2 grado 11
Guía No. 2 grado 11
 
Etiquetas cf ds
Etiquetas cf dsEtiquetas cf ds
Etiquetas cf ds
 
HTML
HTMLHTML
HTML
 
Omar
OmarOmar
Omar
 
Guía No.1 grado 9
Guía No.1 grado 9Guía No.1 grado 9
Guía No.1 grado 9
 
Present: II WEB DINAMICA Y FORMULARIOS
Present: II  WEB DINAMICA Y  FORMULARIOSPresent: II  WEB DINAMICA Y  FORMULARIOS
Present: II WEB DINAMICA Y FORMULARIOS
 
Manual de computacion imprimir kathy
Manual de computacion imprimir kathyManual de computacion imprimir kathy
Manual de computacion imprimir kathy
 
Nicolas es puto
Nicolas es putoNicolas es puto
Nicolas es puto
 

Más de gregoriopena

Simulación de circuitos con crocodile clips
Simulación de circuitos con crocodile clipsSimulación de circuitos con crocodile clips
Simulación de circuitos con crocodile clipsgregoriopena
 
Guía No. 1 Grado 7
Guía No. 1 Grado 7Guía No. 1 Grado 7
Guía No. 1 Grado 7gregoriopena
 
Guía no. 1 grado 9
Guía no. 1 grado 9Guía no. 1 grado 9
Guía no. 1 grado 9gregoriopena
 
Guía no. 1 grado 7
Guía no. 1 grado 7Guía no. 1 grado 7
Guía no. 1 grado 7gregoriopena
 
Guía no. 1 grado 7
Guía no. 1 grado 7Guía no. 1 grado 7
Guía no. 1 grado 7gregoriopena
 
Guía no. 1 grado 7
Guía no. 1 grado 7Guía no. 1 grado 7
Guía no. 1 grado 7gregoriopena
 
Encuadre Pedagógico 11
Encuadre Pedagógico 11Encuadre Pedagógico 11
Encuadre Pedagógico 11gregoriopena
 
Encuadre Pedagógico
Encuadre Pedagógico Encuadre Pedagógico
Encuadre Pedagógico gregoriopena
 
Encuadre Pedagógico 7
Encuadre Pedagógico 7Encuadre Pedagógico 7
Encuadre Pedagógico 7gregoriopena
 
Guía No.3 grado 7
Guía No.3 grado 7Guía No.3 grado 7
Guía No.3 grado 7gregoriopena
 
Guía No.2 grado 9
Guía No.2 grado 9Guía No.2 grado 9
Guía No.2 grado 9gregoriopena
 
Guía _No.1 grado 9
Guía _No.1 grado 9Guía _No.1 grado 9
Guía _No.1 grado 9gregoriopena
 
Guía No.1 grado 7
Guía No.1 grado 7 Guía No.1 grado 7
Guía No.1 grado 7 gregoriopena
 
Guía No. 3 grado 11
Guía No. 3 grado 11Guía No. 3 grado 11
Guía No. 3 grado 11gregoriopena
 
Guía No.3 grado 9
Guía No.3 grado 9Guía No.3 grado 9
Guía No.3 grado 9gregoriopena
 
Guía No. 2 Grado 11
Guía No. 2 Grado 11Guía No. 2 Grado 11
Guía No. 2 Grado 11gregoriopena
 

Más de gregoriopena (20)

Simulación de circuitos con crocodile clips
Simulación de circuitos con crocodile clipsSimulación de circuitos con crocodile clips
Simulación de circuitos con crocodile clips
 
Guía No. 1 Grado 7
Guía No. 1 Grado 7Guía No. 1 Grado 7
Guía No. 1 Grado 7
 
Guía no. 1 grado 9
Guía no. 1 grado 9Guía no. 1 grado 9
Guía no. 1 grado 9
 
Guía no. 1 grado 7
Guía no. 1 grado 7Guía no. 1 grado 7
Guía no. 1 grado 7
 
Guía no. 1 grado 7
Guía no. 1 grado 7Guía no. 1 grado 7
Guía no. 1 grado 7
 
Guía no. 1 grado 7
Guía no. 1 grado 7Guía no. 1 grado 7
Guía no. 1 grado 7
 
Encuadre Pedagógico 11
Encuadre Pedagógico 11Encuadre Pedagógico 11
Encuadre Pedagógico 11
 
Encuadre Pedagógico
Encuadre Pedagógico Encuadre Pedagógico
Encuadre Pedagógico
 
Encuadre Pedagógico 7
Encuadre Pedagógico 7Encuadre Pedagógico 7
Encuadre Pedagógico 7
 
Evaluación 9°
Evaluación 9°Evaluación 9°
Evaluación 9°
 
Profundización
ProfundizaciónProfundización
Profundización
 
Guía No.3 grado 7
Guía No.3 grado 7Guía No.3 grado 7
Guía No.3 grado 7
 
Guía No.2 grado 9
Guía No.2 grado 9Guía No.2 grado 9
Guía No.2 grado 9
 
Guía _No.1 grado 9
Guía _No.1 grado 9Guía _No.1 grado 9
Guía _No.1 grado 9
 
Guía No.1 grado 7
Guía No.1 grado 7 Guía No.1 grado 7
Guía No.1 grado 7
 
Evaluación 9°
Evaluación 9°Evaluación 9°
Evaluación 9°
 
Guía No. 3 grado 11
Guía No. 3 grado 11Guía No. 3 grado 11
Guía No. 3 grado 11
 
Guía No.3 grado 9
Guía No.3 grado 9Guía No.3 grado 9
Guía No.3 grado 9
 
Evaluación
Evaluación Evaluación
Evaluación
 
Guía No. 2 Grado 11
Guía No. 2 Grado 11Guía No. 2 Grado 11
Guía No. 2 Grado 11
 

Guía No. 1 grado 6

  • 1. COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE Código COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04 Proceso GESTION DE FORMACION Página 1 de 3 Procedimiento DISEÑO CURRICULAR L.F.1813 de octubre 20 de 2003 GUIA No.1 DE TECNOLOGIA E INFORMÁTICA GRADO 6º CURSO 1-2-3 PERIODO: IV FECHA 20 de Septiembre de 2012 ALUMNO_________________________________________________________________________________ DOCENTES: Lic. GREGORIO PEÑA CORONADO – Ing. MIGUEL MANJARRES JIMENO DESEMPEÑO: Conocer las diferentes formas de utilizar los textos en el lenguaje HTML para desarrollar las páginas Web INDICADOR DE DESEMPEÑO • Aplica los diferentes tipos de textos a las páginas Web. CONTENIDOS:  Salto de línea  Separadores  Sangrado de texto SALTOS DE LÍNEA <BR> En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO. Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto. La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> después de ella, ya que dicha etiqueta no existe. Por ejemplo, para insertar el texto: Queridos usuarios, tengo el placer de comunicarles que hay una nueva sección. Habría que escribir: Queridos usuarios,<br>tengo el placer de comunicarles que hay una nueva sección. SEPARADORES <HR> El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre.
  • 2. COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE Código COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04 Proceso GESTION DE FORMACION Página 2 de 3 Procedimiento DISEÑO CURRICULAR L.F.1813 de octubre 20 de 2003 GUIA No.1 DE TECNOLOGIA E INFORMÁTICA Es posible especificar algunos atributos de la regla horizontal: Atributo Significado Posibles valores alineación de la regla dentro left (izquierda) align de la página right (derecha) center (centro) un número, acompañado de % cuando se desee width ancho de la regla que sea en porcentaje size alto de la regla un número eliminar el sombreado de la noshade no puede tomar valores regla Por ejemplo, para insertar el texto y la regla horizontal siguientes: Inicio Bienvenidos a mi página. Habría que escribir: Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi página SANGRADO DE TEXTO <BLOCKQUOTE> La sangría es una especie de margen que se establece a ambos lados del texto. Para que un texto aparezca sangrado, se inserta entre las etiquetas <blockquote> y </blockquote>. Esta etiqueta en un principio se definió para delimitar citas pero que como la mayoría de los navegadores resuelven la cita incluyendo un sangrado del texto, su uso para sangrar texto se ha generalizado. El uso de la etiqueta <blockquote> obliga a que el texto aparezca en una nueva línea. Insertando el texto entre varias etiquetas <blockquote> y </blockquote> se consigue que los márgenes sean mayores. Por ejemplo, para insertar el texto: Queridos usuarios, tengo el placer de comunicarles que hay una nueva sección.
  • 3. COMUNIDAD FRANCISCANA PROVINCIA DE LA SANTA FE Código COLEGIO FRANCISCANO DE SAN LUIS BELTRAN PGF 02 R-04 Proceso GESTION DE FORMACION Página 3 de 3 Procedimiento DISEÑO CURRICULAR L.F.1813 de octubre 20 de 2003 GUIA No.1 DE TECNOLOGIA E INFORMÁTICA Habría que escribir: Queridos usuarios, <blockquote> tengo el placer de comunicarles que hay una nueva sección </blockquote> ACTIVIDAD EXPLORATORIA INDIVIDUAL 1. Realice los ejemplos que se encuentra en la guía orientada por el docente en la sala de informática. ACTIVIDAD EXTRACLASE Investiga 1. ¿Para qué se utiliza la etiqueta Font en el lenguaje HTML? 2. ¿Cuáles son los atributos que presenta la etiqueta Font? 3. ¿Cuál es la función de la etiqueta basefont? 4. Realiza una página Web utilizando las etiquetas de la guía No. 1 BIBLIOGRAFIA ING. GARCIA Irene Elaboración de página Web Tutorial en Internet