HTML

Texto (3).

Estilos de texto.

Existen una serie de etiquetas con las que podemos aplicar diferentes estilos al texto en una página web.

Etiqueta
Significado
Ejemplo

<b>

negrita

curso HTML

<i>
cursiva
curso HTML
<u>
subrayado
curso HTML
<s>
tachado
curso HTML
<tt>
teletipo (máquina de escribir)
curso HTML
<big>
aumenta el tamaño de la fuente
curso HTML
<small>
disminuye el tamaño de la fuente
curso HTML

Alineación del texto <div>

Una manera de cambiar la alineación del texto es utilizando las etiquetas <div> y </div> y utilizando el atributo align que puede tener los valores left, right, center o justify.

Por ejemplo, si queremos un texto centrado utilizaremos un código similar al siguiente:

<div align= "center"> Este es un texto centrado. </div>

Encabezados <h1>...

Existen seis etiquetas que representan seis tipos de cabeceras o encabezados distintos. Todas estas etiquetas necesitan su correspondiente etiqueta de cierre.


Etiqueta
Ejemplo

<H1>

Título 1: HTML

<H2>

Título 2: HTML

<H3>

Título 3: HTML

<H4>

Título 4: HTML

<H5>
Título 5: HTML
<H6>
Título 6: HTML


Ejemplo:

Un encabezado podría escribirse como sigue:

<H2 align= "center" > Este es un encabezado no. 2 </H2>


Marquesinas <marquee>...

Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.

La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.

A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).

A través del atributo direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o right (de izquierda a derecha).

También es posible establecer un color de fondo, a través del atributo bgcolor .

Por ejemplo, para insertar la siguiente marquesina:


Esto es una marquesina

Habría que escribir:

<marquee bgcolor= "blue" behavior= "alternate" direction= "right" >
   <b><font color= "yellow" size= "5" > Esto es una marquesina </font></b>
</marquee>


EJERCICIOS:


1.-
Elabora 5 páginas de Internet de tema libre que contengan todas las etiquetas vistas hasta el momento.

Cuando termines avisa a tu maestro para que te califique.



Profr. Pedro Manelich Osorio Montes