Curso de HTML

CONTENIDOS DE LA PAGINA #3

3. Atributos del texto
4. Cabeceras
5. Listas
6. Otros comandos Básicos

3. Atributos del texto

Para indicar atributos del texto (negrilla, subrayado, etc...) tenemos varias ordenes. Algunas de ellas no son reconocidas por determinados visores de Internet, es por ello que según el visor que este Ud. Este utilizando, verá el resultado correctamente o no.

Atributo	Orden	Ejemplo	Resultado
Negrita		Texto de prueba	Texto de prueba
Cursiva		*Texto de prueba*	*Texto de prueba*
Teletype		`Texto de prueba`	`Texto de prueba`
Subrayado		Texto de prueba	Texto de prueba
Tachado		~~Texto de prueba~~	~~Texto de prueba~~
Parpadeo		Texto de prueba	Texto de prueba
Superíndice		^{Texto de prueba}	^{Texto de prueba}
Subíndice		_{Texto de prueba}	_{Texto de prueba}
Centrado		Texto de prueba	Texto de prueba

Por otro lado la orden nos permite variar el tamaño, el color, y el tipo de letra de un texto determinado. Utiliza para ello los parámetros size, bgcolor y face.

size = valor: Da al texto un tamaño en puntos determinado.
size = +/- valor: Da al texto un tamaño tantas veces superior (+) o inferior (-) como indique el valor.
color = "código de color": Escribe el texto en el color cuyo código se especifica.
face = "nombre de font": Escribe el texto en el tipo de letra especificado. Si este tipo de letra no existe en el ordenador que "lee" la pagina se usara el font predeterminado del navegador.

Ejemplo: +2 color = "#FF0000 face = "Arial"> Texto de prueba

Se vera: Texto de prueba

Existen otras ordenes que realizan las mismas operaciones que las antes vistas en tos del texto.

Orden	Hace lo mismo que

Para incluir comentarios en la página Web se utiliza la orden .

Ejemplo:

Los comentarios no serán mostrados por el visor y son útiles para realizar anotaciones en el documento HTML que nos indiquen lo que estamos haciendo en una determinada parte del documento. Asimismo veremos mas adelante que la orden de comentario nos será de utilidad para incluir código JavaScript en nuestra pagina Web.

4. Cabeceras

En un documento de HTML se pueden indicar seis tipos de cabeceras (tamaños de letra) por medio de las ordenes

y

. El texto que escribamos entre el inicio y el fin de la orden será el afectado por las cabeceras. La cabecera

será la que muestre el texto en mayor tamaño.

Ejemplo:

`Cabecera tipo 1`

`Cabecera tipo 2`

`Cabecera tipo 3`

`Cabecera tipo 4`

`Cabecera tipo 5`

`Cabecera tipo 6`

Se vera: Cabecera tipo 1

Cabecera tipo 2

Cabecera tipo 3

Cabecera tipo 4

Cabecera tipo 5

Cabecera tipo 6

Las cabeceras provocan un salto de línea, aunque no se le indique.

5. Listas

Existen tres tipos de listas, numeradas, sin numerar y de definición. Las listas numeradas representarán los elementos de la lista numerando cada uno de ellos segun el lugar que ocupan en la lista. Para este tipo de lista se utiliza las ordenes
. Cada uno de los elementos de la lista irá precedido de la orden

. La orden

puede llevar los siguientes parámetros :

start = num: Indica que número será el primero de la lista. Si no se indica se entiende que empezará por el número 1.
type = tipo: Indica el tipo de numeración utilizada. Si no se indica se entiende que será una lista ordenada numéricamente.

Los tipos posibles son :

1 = Numéricamente. (1,2,3,4,... etc.)
a = Letras minúsculas. (a,b,c,d,... etc.)
A = Letras mayúsculas. (A,B,C,D,... etc.)
i = Numeros romanos en minúsculas. (i.ii,iii,iv,v,... etc.)
I = Números romanos en mayúsculas. (I,II,III,IV,V,... etc.)

Ejemplo	Resultado
Colombia México Brasil EE.UU.	Colombia México Brasil EE.UU.
Colombia México Brasil EE.UU.	Colombia México Brasil EE.UU.

Las listas sin numerar representan los elementos de la lista con un "topo" o marca que antecede a cada uno de ellos. Se utiliza la orden

para delimitar la lista, y

para indicar cada uno de los elementos. La orden

puede contener el parámetro type que indica la forma del "topo" o marca que antecede a cada elemento de la lista. Los valores de type pueden ser disk, circle o square, con lo que el topo o marca puede ser un disco, un circulo o un cuadrado.

Ejemplo	Resultado
Colombia México Brasil EE.UU.	Colombia México Brasil EE.UU.
Colombia México Brasil EE.UU.	Colombia México Brasil EE.UU.

Las listas de definición muestran los elementos tipo Diccionario, o sea, término y definición. Se utiliza para ellas las ordenes

. El elemento marcado como término se antecede de la orden

, el marcado como definición se antecede de la orden

Ejemplo	Resultado
WWW Abreviatura de World Wide Web FTP Abreviatura de File Transfer Protocol IRC Abreviatura de Internet Relay Chat	WWW Abreviatura de World Wide Web FTP Abreviatura de File Transfer Protocol IRC Abreviatura de Internet Relay Chat

Existen otros dos tipos de listas menos comunes. Las listas de Menú o Directorio se comportan igual que las listas sin numerar. La lista de Menú utiliza la orden

y los elementos se anteceden de

El resultado es una lista sin numerar mas "compacta" es decir, con menos espacio interlineal entre los elementos. La lista de Directorio utiliza la orden

y los elementos se anteceden de

. Los elementos tienen un limite de 20 caracteres.

Todas las listas se pueden "anidar", es decir incluir una lista dentro de otra, con lo que se consigue una estructura tipo "índice de materias".

Ejemplo	Resultado
Buscadores Yahoo Ole Lycos Links Microsoft IBM	Buscadores Yahoo Ole Lycos Links Microsoft IBM

6. Otros comandos básicos

Intermitencia o parpadeo de texto

Para hacer parpadear un texto, se debe emplear las ordenes y , pero advierto que Funcion es especifica solo de Netscape, por eso es posible que no produzca efecto en otros visualizadores.

Ejemplo: Texto de Prueba.

Se vera: Texto de Prueba.

Atrás | Siguiente

Julián Andrés Muñoz Castro Ing. Electrónica Universidad del QUINDIO (Armenia)