AdNow

loading...

HTML La clase Atributo

HTML La clase Atributo


Usando el atributo de clase

El atributo de clase HTML hace posible definir estilos iguales para elementos con el mismo nombre de clase.
Aquí tenemos tres elementos
que apuntan al mismo nombre de clase:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
    background-color: black;
    color: white;
    margin: 20px 0 20px 0;
    padding: 20px;
} 
</style>
</head>
<body>

<div class="cities">
<h2>London</h2>
<p>London is the capital of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

<div class="cities">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>

<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>

</body>
</html>
Pruebelo usted mismo »

Londres

Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes.
De pie en el río Támesis, Londres ha sido un importante asentamiento durante dos milenios, su historia se remonta a su fundación por los romanos, que lo llamaron Londinium.

París

París es la capital y la ciudad más poblada de Francia.
Situado en el río Sena, se encuentra en el corazón de la región de Île-de-France, también conocida como la región parisina.
Dentro de su área metropolitana es uno de los mayores centros de población en Europa, con más de 12 millones de habitantes.

Tokio

Tokio es la capital de Japón, el centro del área metropolitana de Tokio y el área metropolitana más poblada del mundo.
Es la sede del gobierno japonés y el Palacio Imperial, y el hogar de la Familia Imperial Japonesa.
La prefectura de Tokio es parte del área metropolitana más poblada del mundo con 38 millones de personas y la economía urbana más grande del mundo.


Usando el atributo de clase en elementos en línea

El atributo de clase HTML también se puede usar para elementos en línea:

Ejemplo

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

<h1>My <span class="note">Important</span> Heading</h1>
<p>This is some <span class="note">important</span> text.</p>

</body>
</html>
Pruebelo usted mismo »

Ponte a prueba con ejercicios!


Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

Etiqueta HTML < abbr >

HTML < a > tag

Visitas a este blog