0
Sesión 05: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”   Repaso/Ejercicio y Formato de Texto.
I. Repaso (i) <ul><li>Atributos de las Etiquetas:  </li></ul><ul><ul><li>Ejm.<hr atributo=“valor”>, <hr align=“right”> </l...
I. Repaso (ii) <ul><li>Insertar imágenes:  </li></ul><ul><ul><li><img src=&quot;imac.png&quot; width=&quot;40%&quot; heigh...
II. Ejercicio 02
III. Anclas (i) <ul><li>¿Qué es un ancla? </li></ul><ul><li>Pasos: </li></ul>Primero: Hay que insertar el ancla en el luga...
III. Anclas (ii)
III. Anclas: A otra página (iii)
IV. El atributo <title> de la Etiqueta <A> <ul><li>Sintaxis: <a href=&quot;#C&quot; title=“Texto a mostrar&quot;>C</a>  </...
V. Formato de Texto (i) <ul><li>Etiquetas de Estilo Físico. </li></ul>
V. Formato de Texto (ii) <ul><li>Etiquetas de estilo lógico </li></ul><ul><ul><li><STRONG>...< /STRONG> </li></ul></ul><ul...
V.  La etiqueta FONT (i) <ul><li>Sintaxis:   <FONT SIZE=&quot;&quot;> </FONT> </li></ul><ul><li>Tamaño Absoluto. </li></ul>
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 ...
V.  FONT: COLOR <ul><li>Sintaxis:  <FONT COLOR=&quot;#RRGGBB&quot;> </li></ul><ul><li>Otra Forma: </li></ul><ul><ul><li>Bl...
V. Ejemplo
V. Texto Preformateado (i)
V. Texto Preformateado sin las etiquetas <pre></pre> (ii)
PREGUNTAS?
Upcoming SlideShare
Loading in...5
×

Sesion Nº5 Formato De Texto Y Caracteres Especiales

1,482

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,482
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×