HT3-4

9
HTML Formato de texto

Transcript of HT3-4

Page 1: HT3-4

HTMLFormato de texto

Page 2: HT3-4

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

Ejemplo

• En la imagen se muestra el uso de la etiqueta font con la propiedad Size.

Page 4: HT3-4

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

Ejemplo

• El ejemplo muestra el uso de las propiedadespara tamaño, tipo y color de fuente.

Page 6: HT3-4

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

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

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

HTMLFormato de texto