Cu ajutorul class Atributul
HTML class atribut permite definirea de stiluri egale pentru elementele cu același nume de clasă.
Aici avem trei <div> elemente care indică același nume de clasă:
Exemplu
<!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>
Încearcă - l singur » Londra
Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.
În picioare pe râul Tamisa, Londra a fost o așezare majoră pentru două milenii, istoria merge înapoi la fondarea sa de către romani, care a numit Londinium.
Paris
Paris este capitala și cel mai populat oraș al Franței.
Situat pe râul Sena, este în centrul regiunii Ile-de-France, de asemenea, cunoscut sub numele de Parisienne regiune.
In cadrul zonei metropolitane este una dintre cele mai mari centre de populație din Europa, cu peste 12 milioane de locuitori.
Tokyo
Tokyo este capitala Japoniei, centrul Tokyo zona Greater, și zona metropolitană cel mai populat din lume.
Este sediul guvernului japonez și Palatul Imperial, iar casa familiei imperiale japoneze.
Tokyo Prefectura face parte din zona metropolitană cea mai populată din lume, cu 38 de milioane de oameni și cea mai mare economie urbana din lume.
Cu ajutorul class atribut inline Elemente
Atributul clasa HTML poate fi, de asemenea, folosite pentru elementele inline:
Exemplu
<!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>
Încearcă - l singur » Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 »