diseño de páginas web estilo del texto

Diseño de Páginas Webcon HTML

Para aplicar un formato con Writer…

…seleccionábamos el texto que nos interesaba…

Un pequeño repaso…

…y le aplicábamos el formato con un click.

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

Con HTML es diferente.

Debemos aplicar las etiquetas correspondientes al texto que nos interesa formatear.

Bla bla bla bla bla bla

Bla <b>bla bla bla</b> bla bla

Con HTML es diferente.

Debemos aplicar las etiquetas correspondientes al texto que nos interesa formatear.

Y entonces sí podremos ver el resultado en el navegador

Al igual que en el procesador de textos, podemos aplicar cuatro estilos al texto:

•Normal•Negrita

•Cursiva•Subrayado

Al igual que en el procesador de textos, podemos aplicar cuatro estilos al texto:

•Normal•Negrita

•Cursiva•Subrayado

“Normal” es el estilo que tiene el texto sin ningún

formato

•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

•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

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

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

•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

•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

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

•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

•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

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

•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

•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

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

Taller de Informática – 2º año 2012

Liceo Nº4 Melo

Docente: Luis Sebastián de los Angeles