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

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

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:correo@hotmail.com">correo@hotmail.com</a>

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

II. Ejercicio 02II. Ejercicio 02

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

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.

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

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

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

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

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

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>

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

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

• Etiquetas de Estilo Físico.

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

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

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

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

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

• Sintaxis: <FONT SIZE=""> </FONT>

• Tamaño Absoluto.

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

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

• Tamaño relativo– Sintaxis:

Texto de tamaño 3

<FONT SIZE="+3">

Tamaño 6

</FONT>

• Sintaxis: <BASEFONT SIZE="n">

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

V. FONT: COLORV. FONT: COLOR

• Sintaxis: <FONT COLOR="#RRGGBB">

• 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).

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

V. EjemploV. Ejemplo

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

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

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

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

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

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