Seguimos con la explicación de los atributos globales del lenguaje de etiquetas HTML5.
class
El atributo permite especificar un nombre o varios de clase , para el elemento web sobre el cual se aplica el atributo. Una clase es una estructura de formato que se aplica a un elemento o varios de un documento web, estando construida la misma mediante el lenguaje de hojas de estilo, CSS.
La sintaxis del atributo es la siguiente:
<p class=”NombreClase”>Texto de párrafo</p>
El siguiente ejemplo muestra el uso del atributo en un documento web.
<html>
<head>
<style type="text/css">
h1.introduccion {color:blue;}
p.importante {color:green;}
p.destacado { color: red; }
</style>
</head>
<body>
<h1 class="introduccion">Atributo Class</h1>
<p>Este párrafo no tiene aplicado atributos de clase.</p>
<p class="importante">Este párrafo tiene aplicado un atributo de clase. :)</p>
<p class="destacado">gracias por visitar www.aprendoencasa.com</p>
</body>
</html>El resultado del ejercicio anterior ha de ser similar al que se muestra a continuación en la imagen.
Atributos Globales – Class – HTML5
Gracias por vuestra visita y un saludo!!!
