Tutorial de HTML y principalmente su version 5

El atributo HTML class

El atributo HTML class hace posible definir estilos compartidos por elementos con el mismo nombre de clase.

Acá tenemos tres elementos <div> que hacen referencia al mismo nombre de clase:

<!DOCTYPE html>
<html>
 <head>
  <style>
  div.ciudades {
    background-color: brown;
    color: white;
    margin: 20px 0 20px 0;
    padding: 20px;
  }
  </style>
 </head>
 <body>
  <div class="ciudades">
   <h2>Guatemala</h2>
   <p>La Ciudad de Guatemala, cuyo nombre oficial es Nueva Guatemala de la Asunción, es la capital y sede de los poderes gubernamentales de la República de Guatemala, así como sede del Parlamento Centroamericano.</p>
  </div>
  <div class="ciudades">
   <h2>San Salvador</h2>
   <p>San Salvador es la capital de la República de El Salvador y la cabecera del departamento y municipio homónimos. Es la mayor ciudad del país desde el punto de vista económico y demográfico, y asiento de las principales industrias y empresas de servicios de El Salvador.</p>
  </div>
  <div class="ciudades">
   <h2>Distrito Central</h2>
   <p>El Distrito Central, es un municipio de Honduras. La ciudad, formada por los antiguos municipios de Tegucigalpa y Comayagüela, es la capital del país, según lo dispuesto en los artículos 8 y 295 de la Constitución. El Distrito Central es uno de los 28 municipios que forman el departamento de Francisco Morazán, uno de los 18 departamentos que juntos poseen los 298 municipios que conforman la República.</p>
  </div>
 </body>
</html>

Y acá el mismo código pero ahora ejecutado:

Guatemala

La Ciudad de Guatemala, cuyo nombre oficial es Nueva Guatemala de la Asunción, es la capital y sede de los poderes gubernamentales de la República de Guatemala, así como sede del Parlamento Centroamericano.

San Salvador

San Salvador es la capital de la República de El Salvador y la cabecera del departamento y municipio homónimos. Es la mayor ciudad del país desde el punto de vista económico y demográfico, y asiento de las principales industrias y empresas de servicios de El Salvador.

Distrito Central

El Distrito Central, es un municipio de Honduras. La ciudad, formada por los antiguos municipios de Tegucigalpa y Comayagüela, es la capital del país, según lo dispuesto en los artículos 8 y 295 de la Constitución. El Distrito Central es uno de los 28 municipios que forman el departamento de Francisco Morazán, uno de los 18 departamentos que juntos poseen los 298 municipios que conforman la República.

Usando el atributo class en elementos inline (en linea)

El atributo HTML class también puede ser usado para los elementos inline:

<!DOCTYPE html>
<html>
<head>
<style>
span.clave {
    font-size: 120%;
    color: red;
}
</style>
</head>
<body>

<h1>Mi <span class="clave">Mejor</span> Encabezado</h1>
<p>Este es un texto <span class="clave">importante</span>.</p>

</body>
</html>

Por una Web con equidad...

miércoles, 15 de marzo de 2017