Mafano ya Class ya HTML

对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。

为相同的类设置相同的样式，或者为不同的类设置不同的样式。

Mfano

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


London is the capital city of England. 
Ni mji wenye wakazi wengi zaidi katika nchi ya United Kingdom, 
with a metropolitan area of over 13 million inhabitants.


</div> 
</body>
</html>

Jifunze tena

分类块级元素

HTML

元素是块级元素。它能够用作其他 HTML 元素的容器。

设置

元素的类，使我们能够为相同的
元素设置相同的类：

Mfano

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    background-color:black;
    color:white;
    margin:20px;
    padding:20px;
} 
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>London ni mji mkuu wa Uingereza. 
Ni mji wenye wakazi wengi zaidi katika nchi ya United Kingdom, 
na eneo la mji la kikanda na wakazi wengi zaidi ya 13 milioni.</p>
</div>
<div class="cities">
<h2>Paris</h2>
<p>Paris ni mji mkuu na mji wenye wakazi wengi zaidi wa Ufaransa.</p>
</div>
<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo ni mji mkuu wa Japan, na juu ya Kikanda cha Tokyo kubwa,</p>
na eneo la mji wenye wakazi wengi zaidi duniani.</p>
</div>
</body>
</html>

Jifunze tena

Kifungu cha kichwa cha kikanda

Kifungu cha <span> cha HTML ni kifungu cha kichwa, kinaweza kutumiwa kama kikandiko cha matukio.

Mazoezi ya <span> kwa kufungua kikamilifu cha kina kwa kifungu cha kina kingine.

Mfano

<!DOCTYPE html>
<html>
<head>
<style>
  span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>

Jifunze tena