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.2 DE TECNOLOGIA E INFORMÁTICA


GRADO 6º           CURSO 1-2-3                         PERIODO: IV                  FECHA 18 de Octubre 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:

 Formatear Texto
 Resaltado de texto

                                               FORMATEAR EL TEXTO <FONT>...
Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el
texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta:


        Atributo               Significado                               Posibles valores

                                     fuente
           face                                                   nombre de la fuente, o fuentes
           color             color del texto                 número hexadecimal o texto predefinido
                                                             valores del 1 al 7, siendo por defecto el 3,
           size             tamaño del texto             o desplazamiento respecto al tamaño por defecto,
                                                                 añadiendo + o - delante del valor


Por ejemplo, para insertar el texto:
                                                Bienvenidos a www.gmail.com
Habría que escribir:


<font color="blue" size="4" face=" Arial">Bienvenidos a www.gmail.com</font>


También es posible definir una fuente para todo el documento. Para ello, hay que insertar la etiqueta
<basefont> después de la etiqueta <body>. La etiqueta <basefont> no necesita una etiqueta de cierre, y
permite modificar los mismos atributos del texto que la etiqueta <font>. Por ejemplo:
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.2 DE TECNOLOGIA E INFORMÁTICA


<body>
<basefont color="Red" size="5" face="Arial">


Este código haría que la fuente del documento fuera por defecto de color azul, de tamaño 4 y Arial. Si después
de indicar la etiqueta <basefont> o <font>, el navegador encuentra otra etiqueta <font>, la que prevalece es
siempre la última que se encuentra.


RESALTADO DEL TEXTO <B>...


Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y
generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra
o a la información que represente el texto.


No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias
etiquetas al mismo texto.


A continuación se muestran algunas etiquetas asociadas al tipo de letra:


                      Etiqueta                  Significado                       Ejemplo

                                                   Negrita
                         <b>                                                    curso HTML
                         <i>                      Cursiva                       curso HTML
                         <u>                     Subrayado                      curso HTML
                         <s>                      Tachado                       curso HTML
                         <tt>          teletipo (máquina de escribir)           curso HTML
                        <big>         aumenta el tamaño de la fuente            curso HTML
                      <small>        disminuye el tamaño de la fuente           curso HTML


Las etiquetas más utilizadas son las asociadas al tipo de letra, ya que son más fáciles de recordar, y en muchos
casos los resultados son los mismos que los de aplicar una etiqueta diferente. Por ejemplo, el resultado de
aplicar las etiquetas <b> y <strong> es el mismo. Incluso a veces algunos estilos asociados al tipo de
información pueden representarse de forma distinta según el navegador. Por ejemplo, para insertar el texto:




                                        Bienvenidos a www.eltiempo.com
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.2 DE TECNOLOGIA E INFORMÁTICA




Habría que escribir:


<font color="Yellow" size="6" face="Arial">Bienvenidos a <b><u>www.eltiemo.com</u></b></font>



                                      ACTIVIDAD EXPLORATORIA INDIVIDUAL

Realizar los ejercicios que se encuentran en la guía


                                            ACTIVIDAD EXTRACLASE

Investiga

1. ¿Para qué se utiliza la etiqueta <P> y </P>?

2.   ¿Cuál es la función de la etiqueta H1?

3. ¿Qué son las marquesinas en el lenguaje HTML?


                                                   BIBLIOGRAFIA

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

Más contenido relacionado

Similar a Guía No.2 grado 6

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

Guía No. 2 grado 6
Guía No. 2 grado 6Guía No. 2 grado 6
Guía No. 2 grado 6
 
Guía No. 3 grado 6
Guía No. 3 grado 6Guía No. 3 grado 6
Guía No. 3 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
 
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 7
Guía No.1 grado 7Guía No.1 grado 7
Guía No.1 grado 7
 
Decimo guia1 informatica
Decimo guia1 informaticaDecimo guia1 informatica
Decimo guia1 informatica
 
Guia 01 html
Guia 01 htmlGuia 01 html
Guia 01 html
 
U2. Diseño web con HTML (parte I).pptx
U2. Diseño web con HTML (parte I).pptxU2. Diseño web con HTML (parte I).pptx
U2. Diseño web con HTML (parte I).pptx
 
Guía No.3 grado 7
Guía No.3 grado 7Guía No.3 grado 7
Guía No.3 grado 7
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Ruiz guerra HTML
Ruiz guerra HTMLRuiz guerra HTML
Ruiz guerra HTML
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Html
 
Clase iv
Clase ivClase iv
Clase iv
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Quintanilla cabrera html
Quintanilla cabrera htmlQuintanilla cabrera html
Quintanilla cabrera html
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 

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.2 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.2 DE TECNOLOGIA E INFORMÁTICA GRADO 6º CURSO 1-2-3 PERIODO: IV FECHA 18 de Octubre 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:  Formatear Texto  Resaltado de texto FORMATEAR EL TEXTO <FONT>... Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta: Atributo Significado Posibles valores fuente face nombre de la fuente, o fuentes color color del texto número hexadecimal o texto predefinido valores del 1 al 7, siendo por defecto el 3, size tamaño del texto o desplazamiento respecto al tamaño por defecto, añadiendo + o - delante del valor Por ejemplo, para insertar el texto: Bienvenidos a www.gmail.com Habría que escribir: <font color="blue" size="4" face=" Arial">Bienvenidos a www.gmail.com</font> También es posible definir una fuente para todo el documento. Para ello, hay que insertar la etiqueta <basefont> después de la etiqueta <body>. La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar los mismos atributos del texto que la etiqueta <font>. Por ejemplo:
  • 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.2 DE TECNOLOGIA E INFORMÁTICA <body> <basefont color="Red" size="5" face="Arial"> Este código haría que la fuente del documento fuera por defecto de color azul, de tamaño 4 y Arial. Si después de indicar la etiqueta <basefont> o <font>, el navegador encuentra otra etiqueta <font>, la que prevalece es siempre la última que se encuentra. RESALTADO DEL TEXTO <B>... Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto. A continuación se muestran algunas etiquetas asociadas al tipo de letra: Etiqueta Significado Ejemplo Negrita <b> curso HTML <i> Cursiva curso HTML <u> Subrayado curso HTML <s> Tachado curso HTML <tt> teletipo (máquina de escribir) curso HTML <big> aumenta el tamaño de la fuente curso HTML <small> disminuye el tamaño de la fuente curso HTML Las etiquetas más utilizadas son las asociadas al tipo de letra, ya que son más fáciles de recordar, y en muchos casos los resultados son los mismos que los de aplicar una etiqueta diferente. Por ejemplo, el resultado de aplicar las etiquetas <b> y <strong> es el mismo. Incluso a veces algunos estilos asociados al tipo de información pueden representarse de forma distinta según el navegador. Por ejemplo, para insertar el texto: Bienvenidos a www.eltiempo.com
  • 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.2 DE TECNOLOGIA E INFORMÁTICA Habría que escribir: <font color="Yellow" size="6" face="Arial">Bienvenidos a <b><u>www.eltiemo.com</u></b></font> ACTIVIDAD EXPLORATORIA INDIVIDUAL Realizar los ejercicios que se encuentran en la guía ACTIVIDAD EXTRACLASE Investiga 1. ¿Para qué se utiliza la etiqueta <P> y </P>? 2. ¿Cuál es la función de la etiqueta H1? 3. ¿Qué son las marquesinas en el lenguaje HTML? BIBLIOGRAFIA ING. GARCIA Irene Elaboración de página Web Tutorial en Internet