Ultimele tutoriale de dezvoltare web

HTML Clase


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 »