in

Clases HTML – javatpoint

Atributo de clase en HTML

El atributo de clase HTML se utiliza para especificar uno o varios nombres de clase para un elemento HTML. CSS y JavaScript pueden utilizar el nombre de la clase para realizar algunas tareas para los elementos HTML. Puede usar esta clase en CSS con una clase específica, escriba un punto (.), Seguido del nombre de la clase para seleccionar elementos.

Un atributo de clase se puede definir dentro de la etiqueta


Hemos definido el estilo para un nombre de clase "encabezados", y podemos usar este nombre de clase con cualquier elemento HTML en el que queramos proporcionar dicho estilo. Solo necesitamos seguir la siguiente sintaxis para usarlo.

Ejemplo 1:

Pruébelo ahora


Otro ejemplo con un nombre de clase diferente

Ejemplo:

Usemos un nombre de clase "Fruta" con CSS para diseñar todos los elementos.

Pruébelo ahora

Aquí puede ver que hemos usado el nombre de clase "fruta" con (.) Para usar todos sus elementos.

Nota: puede utilizar el atributo de clase en cualquier elemento HTML. El nombre de la clase distingue entre mayúsculas y minúsculas.


Atributo de clase en JavaScript

Puede utilizar elementos de acceso de JavaScript con un nombre de clase especificado mediante el método getElementsByClassName ().

Ejemplo:

Ocultemos todos los elementos con el nombre de clase "fruta" cuando el usuario haga clic en el botón.

Pruébelo ahora

Nota: obtendrá más información sobre JavaScript en nuestro tutorial de JavaScript.


Varias clases

Puede utilizar varios nombres de clase (más de uno) con elementos HTML. Estos nombres de clases deben estar separados por un espacio.

Ejemplo:

Vamos a diseñar elementos con el nombre de clase "fruta" y también con el nombre de clase "centro".

Pruébelo ahora

Puede ver que el primer elemento

pertenece tanto a la clase "fruta" como a la clase "centro".


Misma clase con etiqueta diferente

Puede usar el mismo nombre de clase con diferentes etiquetas como

y

, etc. para compartir el mismo estilo.

Ejemplo:

Pruébelo ahora

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Función MySQL DATE_FORMAT ()

cobol

Tutorial de COBOL