sesion nº5 formato de texto y caracteres especiales

Sesión 05:

Ing. Edgar A. Cruz Huaman

INSTITUTO SUPERIOR TECNOLÓGICO INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”“SAN PEDRO”

Repaso/Ejercicio y Formato de Texto.

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

I. Repaso (i)I. Repaso (i)

• Atributos de las Etiquetas: – Ejm.<hr atributo=“valor”>, <hr align=“right”>

• Align• Noshade• Size• Width

I. Repaso (ii)I. Repaso (ii)

• Insertar imágenes: – <img src="imac.png" width="40%" height="50%">

• Enlace Absoluto– <a href="http://www.google.com">IR a Google</a>

• Enlace Relativo– <a href="imagen/prueba1.html">Ir a prueba1</a>

• Enlace a Correo Electrónico– <a href="mailto:[email protected]">[email protected]</a>


II. Ejercicio 02II. Ejercicio 02


III. Anclas (i)III. Anclas (i)

• ¿Qué es un ancla?• Pasos:

Primero: Hay que insertar el ancla en el lugar de la página donde se quiere poder saltar.

En segundo: lugar se crea uno enlace al principio de la página un que apunte al ancla.


III. Anclas (ii)III. Anclas (ii)


III. Anclas: A otra página (iii)III. Anclas: A otra página (iii)

IV. El atributo <title> de la Etiqueta <A>IV. El atributo <title> de la Etiqueta <A>

• Sintaxis:<a href="#C" title=“Texto a mostrar">C</a>


V. Formato de Texto (i)V. Formato de Texto (i)

• Etiquetas de Estilo Físico.

V. Formato de Texto (ii)V. Formato de Texto (ii)

• Etiquetas de estilo lógico– ...– ...– <CODE>...< /CODE>– <SAMP>...< /SAMP>– <VAR>...< /VAR>– <CITE>...< /CITE>– <DFN>...< /DFN>– <KBD>...< /KBD> : Texto de entrada.

V. La etiqueta FONT (i)V. La etiqueta FONT (i)

• Sintaxis: 

• Tamaño Absoluto.

V. La etiqueta FONT (ii)V. La etiqueta FONT (ii)

• Tamaño relativo– Sintaxis:

Texto de tamaño 3



Tamaño 6



• Sintaxis: <BASEFONT SIZE="n">

V. FONT: COLORV. FONT: COLOR

• Sintaxis: 

• Otra Forma:– Black (negro), white(blanco), green(verde), maroon

(marron rojizo), olive(verde oliva), Navy(azul marino), purple(violeta), red(rojo), yellow(amarillo), blue(azul), teal(verde azulado), lime(verde lima), aqua(azul claro), fuchsia(fusia), silver(gris claro).


V. EjemploV. Ejemplo


V. Texto Preformateado (i)V. Texto Preformateado (i)

V. Texto Preformateado sin las etiquetas <pre></pre> (ii)

V. Texto Preformateado sin las etiquetas <pre></pre> (ii)

sesion nº5 formato de texto y caracteres especiales

Education