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