sesion nº5 formato de texto y caracteres especiales
DESCRIPTION
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.TRANSCRIPT
![Page 1: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/1.jpg)
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.
![Page 2: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/2.jpg)
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
![Page 3: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/3.jpg)
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:[email protected]">[email protected]</a>
![Page 4: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/4.jpg)
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
![Page 5: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/5.jpg)
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.
![Page 6: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/6.jpg)
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)
![Page 7: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/7.jpg)
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)
![Page 8: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/8.jpg)
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>
![Page 9: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/9.jpg)
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.
![Page 10: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/10.jpg)
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.
![Page 11: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/11.jpg)
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.
![Page 12: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/12.jpg)
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">
![Page 13: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/13.jpg)
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).
![Page 14: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/14.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman
V. EjemploV. Ejemplo
![Page 15: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/15.jpg)
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)
![Page 16: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/16.jpg)
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)
![Page 17: Sesion Nº5 Formato De Texto Y Caracteres Especiales](https://reader036.vdocuments.co/reader036/viewer/2022070321/558fcefa1a28ab787f8b46b7/html5/thumbnails/17.jpg)
INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman