class | Html

Descripción

El atributo class es un atributo global de HTML nos permite indicar una lista de clases CSS separadas por espacios asociadas al elemento en cuestión. Y, por consiguiente, asociar un estilo al elemento sobre el que aplicamos el atributo class.

Sintaxis

<elemento class="clase">

Ejemplo

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tamaño de una imagen con CSS</title>
  <style type="text/css">
    img.pequeña{width: 50px; height: 50px;}
    img.mediana{width: 100px; height: 100px;}
    img.grande{width: 200px; height: 200px;}
  </style>
</head>
<body>

<h1>Tamaño de una imagen con CSS</h1>

<img class="pequeña" src="lineadecodigo.jpg"/>
<img class="mediana" src="lineadecodigo.jpg"/>
<img class="grande" src="lineadecodigo.jpg"/>

</body>
</html>

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.