Etiquetas
Vamos
ahora a estudiar el atributo ID de una etiqueta HTML en relación
a la definición de estilos. Cualquier etiqueta HTML puede tener
como parámetro la etiqueta ID seguida de un nombre, por ejemplo:
|
|
<etiqueta
ID="NombreReferencia"> ... </etiqueta>
| Es
decir, escribiendo un punto seguido del nombre que le queramos dar a la
clase, y definiendo el estilo como lo definimos para cualquier otra etiqueta:
pares propiedad:valor separados por punto y coma y encerrados entre llaves.
Además, podremos definir cuantas clases necesitemos.
Ahora, para
aplicar el estilo de una clase a una etiqueta concreta, utilizaremos el
parámetro CLASS como sigue: |
|
<etiqueta
CLASS="Nombre_de_la_Clase"> ... </etiqueta>
Este "NombreReferencia"
debe ser único en el documento HTML (es decir, no debe haber dos
etiquetas con el mismo ID), puesto que nos servirá para tratarla
(si lo necesitamos) desde JavaScript, y por esto no debe haber confusión
con el nombre como referencia.
Para definir
un estilo mediante un ID, usaremos la siguiente notación (en un
bloque de estilo o en la hoja externa):
#Nombre_del_ID
{propiedad1:valor;...;propiedadN:valor}
| Es
decir, escribiendo # seguido del nombre que le queramos dar al ID,
y definiendo el estilo como ya sabemos: pares
propiedad:valor
separados por punto y coma y encerrados entre llaves.
Podremos definir
todos los ID que queramos, pero cada ID sólo debe ser asociado a
una única etiqueta concreta de la siguiente forma: |
|
<etiqueta
ID="Nombre_del_ID"> ... </etiqueta>
Así identificaremos
de forma unívoca a esa etiqueta concreta, asignándole la
definición del estilo hecha en el bloque o en la hoja para ese ID,
y además nos permitirá tratarlo (por ejemplo, cambiando algunas
características del estilo definido) desde JavaScript, que usará
ese identificador para saber sobre quién ha de actuar, suponiendo
que quisiéramos hacerlo.
|
