Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sesion Nº5 Formato De Texto Y Caracteres Especiales

1,887 views

Published on

Topicos Especiales - Sesión Nª 05 Formato de Texto y Caracteres Especiales en HTML. Anclas, Atributo title, Etiquetas de estilo Fisico y logico, font size, font color, etiqueta pre.

Published in: Education
  • Be the first to comment

  • Be the first to like this

Sesion Nº5 Formato De Texto Y Caracteres Especiales

  1. 1. Sesión 05: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Repaso/Ejercicio y Formato de Texto.
  2. 2. I. Repaso (i) <ul><li>Atributos de las Etiquetas: </li></ul><ul><ul><li>Ejm.<hr atributo=“valor”>, <hr align=“right”> </li></ul></ul><ul><ul><ul><li>Align </li></ul></ul></ul><ul><ul><ul><li>Noshade </li></ul></ul></ul><ul><ul><ul><li>Size </li></ul></ul></ul><ul><ul><ul><li>Width </li></ul></ul></ul>
  3. 3. I. Repaso (ii) <ul><li>Insertar imágenes: </li></ul><ul><ul><li><img src=&quot;imac.png&quot; width=&quot;40%&quot; height=&quot;50%&quot;> </li></ul></ul><ul><li>Enlace Absoluto </li></ul><ul><ul><li><a href=&quot;http://www.google.com&quot;> IR a Google </a> </li></ul></ul><ul><li>Enlace Relativo </li></ul><ul><ul><li><a href=&quot;imagen/prueba1.html&quot;> Ir a prueba1 </a> </li></ul></ul><ul><li>Enlace a Correo Electrónico </li></ul><ul><ul><li><a href=&quot;mailto:correo@hotmail.com&quot;> [email_address] </a> </li></ul></ul>
  4. 4. II. Ejercicio 02
  5. 5. III. Anclas (i) <ul><li>¿Qué es un ancla? </li></ul><ul><li>Pasos: </li></ul>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.
  6. 6. III. Anclas (ii)
  7. 7. III. Anclas: A otra página (iii)
  8. 8. IV. El atributo <title> de la Etiqueta <A> <ul><li>Sintaxis: <a href=&quot;#C&quot; title=“Texto a mostrar&quot;>C</a> </li></ul>
  9. 9. V. Formato de Texto (i) <ul><li>Etiquetas de Estilo Físico. </li></ul>
  10. 10. V. Formato de Texto (ii) <ul><li>Etiquetas de estilo lógico </li></ul><ul><ul><li><STRONG>...< /STRONG> </li></ul></ul><ul><ul><li><EM>...< /EM> </li></ul></ul><ul><ul><li><CODE>...< /CODE> </li></ul></ul><ul><ul><li><SAMP>...< /SAMP> </li></ul></ul><ul><ul><li><VAR>...< /VAR> </li></ul></ul><ul><ul><li><CITE>...< /CITE> </li></ul></ul><ul><ul><li><DFN>...< /DFN> </li></ul></ul><ul><ul><li><KBD>...< /KBD> : Texto de entrada. </li></ul></ul>
  11. 11. V. La etiqueta FONT (i) <ul><li>Sintaxis: <FONT SIZE=&quot;&quot;> </FONT> </li></ul><ul><li>Tamaño Absoluto. </li></ul>
  12. 12. V. La etiqueta FONT (ii) <ul><li>Tamaño relativo </li></ul><ul><ul><li>Sintaxis: </li></ul></ul><ul><ul><ul><li>Texto de tamaño 3 </li></ul></ul></ul><ul><ul><ul><li><FONT SIZE=&quot;+3&quot;> </li></ul></ul></ul><ul><ul><ul><li>Tamaño 6 </li></ul></ul></ul><ul><ul><ul><li></FONT> </li></ul></ul></ul><ul><li>Sintaxis: <BASEFONT SIZE=&quot;n&quot;> </li></ul>
  13. 13. V. FONT: COLOR <ul><li>Sintaxis: <FONT COLOR=&quot;#RRGGBB&quot;> </li></ul><ul><li>Otra Forma: </li></ul><ul><ul><li>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). </li></ul></ul>
  14. 14. V. Ejemplo
  15. 15. V. Texto Preformateado (i)
  16. 16. V. Texto Preformateado sin las etiquetas <pre></pre> (ii)
  17. 17. PREGUNTAS?

×