Formateo del estilo del texto con html

1. Diseño de Páginas Web
con HTML

2. Para aplicar un formato con Writer…

3. …seleccionábamos el texto que nos
interesaba…

4. Un pequeño repaso…
…y le aplicábamos el formato con un
click.

5. Un pequeño repaso…
Con HTML es diferente.
Debemos aplicar las etiquetas al comienzo y al final
del texto que nos interesa formatear.
Bla bla bla bla
bla bla

6. Con HTML es diferente.
Debemos aplicar las etiquetas correspondientes al texto
que nos interesa formatear.
Bla bla bla bla
bla bla

7. Con HTML es diferente.
Debemos aplicar las etiquetas correspondientes al texto
que nos interesa formatear.
Bla <b>bla bla bla</b>
bla bla

8. Y entonces sí podremos ver el resultado
en el navegador

9. Al igual que en el procesador de textos, podemos
aplicar cuatro estilos al texto:
•Normal
•Negrita
• Cursiva
•Subrayado

10. Al igual que en el procesador de textos, podemos
aplicar cuatro estilos al texto:
“Normal” es el estilo que tiene
•Normal el texto sin ningún formato
•Negrita
• Cursiva
•Subrayado

11. • Para aplicar estilo negrita usaremos
la etiqueta <b>
Se aplica de esta manera:
Hoy es <b>9 de agosto del 2012</b>
Es un día muy agradable
“b” viene de “bold” que es una
forma de decir “negrita” en inglés

12. • Para aplicar estilo negrita usaremos
la etiqueta <b>
Se aplica de esta manera:
Hoy es <b>9 de agosto del 2012</b>
Es un día muy agradable

13. El resultado es este, al ver el archivo en el
navegador:

14. El resultado es este, al ver el archivo en el
navegador:
Nota cómo sólo el texto entre las
etiquetas <b> y </b> fue formateado

15. • Para aplicar estilo cursiva usaremos
la etiqueta <i>
Se aplica de esta manera:
Hoy es <i>9 de agosto del 2012</i>
Es un día muy agradable

16. • Para aplicar estilo cursiva usaremos
la etiqueta <i>
Se aplica de esta manera:
Hoy es <i>9 de agosto del 2012</i>
Es un día muy agradable
“i” viene de “italics” que es una
forma de decir “cursiva” en inglés

17. El resultado es este, al ver el archivo en el
navegador:

18. • Para aplicar estilo subrayado usaremos
la etiqueta <u>
Se aplica de esta manera:
Hoy es <u>9 de agosto del 2012</u>
Es un día muy agradable

19. • Para aplicar estilo subrayado usaremos
la etiqueta <u>
Se aplica de esta manera:
Hoy es <u>9 de agosto del 2012</u>
Es un día muy agradable
“u” viene de “underlined” que
significa “subrayado” en inglés

20. El resultado es este, al ver el archivo en el
navegador:

21. • Al igual que en el procesador de textos, podemos
combinar los estilos, agrupando las etiquetas.
Hoy es <b><i><u>9 de agosto del
2012</u></i></b>
Es un día muy agradable

22. • Al igual que en el procesador de textos, podemos
combinar los estilos, agrupando las etiquetas.
Hoy es <b><i><u>9 de agosto del
2012</u></i></b>
Es un día muy agradable
Cerrar las etiquetas en orden evita
errores.
Lo que se abrió por último se cierra
primero y asi sucesivamente

23. El resultado es este, al ver el archivo en el
navegador:

24. Taller de Informática – 2º año
2012
Liceo Nº4
Melo
Docente: Luis Sebastián de los Angeles