HT3-4
Transcript of HT3-4
![Page 1: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/1.jpg)
HTMLFormato de texto
![Page 2: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/2.jpg)
Formato de texto
• <Font> es la etiqueta que permite dar unaapariencia diferente al texto que se colocarádentro del cuerpo de la página web.
• El Formato de texto incluye propiedadesbásicas como tamaño, tipo y color de fuente,así como los efectos: Negrita, Cursiva,Subrayado y Tachado.
![Page 3: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/3.jpg)
Ejemplo
• En la imagen se muestra el uso de la etiqueta font con la propiedad Size.
![Page 4: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/4.jpg)
Propiedades de Font
• Size: Es la propiedad que le asigna un tamañoal texto dentro de Font.
• Face: Permite cambiar el tipo de fuente (letra)que se usará con el texto.
• Color: Al igual que con el fondo, es el colorhexadecimal para la fuente.
![Page 5: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/5.jpg)
Ejemplo
• El ejemplo muestra el uso de las propiedadespara tamaño, tipo y color de fuente.
![Page 6: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/6.jpg)
Efectos básicos• Los Efectos son cuatro cambios que forman
parte del Formato de texto, pero se aplicancomo etiquetas separadas. Todas se puedenabrir y cerrar en la misma línea de texto.
• <B> Negrita
• <I> Cursiva
• <U> Subrayado
• <S> Tachado
![Page 7: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/7.jpg)
Ejemplo
• En líneas separadas, se muestra cada uno de losefectos básicos para el texto con otraspropiedades en Font.
• <br> No es un efecto, es una etiqueta paraindicar salto de línea.
![Page 8: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/8.jpg)
Hoja de Trabajo # 3-4:
1. Diseñe una página Web, con color de fondo.
2. Usando la etiqueta Font y las etiquetas de Efectos, escriba los días de la semana (use un color de fuente diferente para cada día).
3. Guarde su página web como: DIAS.HTML
4. Suba su página web a Moodle.
![Page 9: HT3-4](https://reader035.fdocuments.es/reader035/viewer/2022071817/55ac5dce1a28ab80108b464b/html5/thumbnails/9.jpg)
HTMLFormato de texto