Мәтін бөліктері үшін span тегі HTML-де

Сіз бір бөлік мәтінді, мысалы, қалың етіп шығару үшін b тегін қолдану керек екенін білесіз. Алайда, егер мен мәтіннің бір бөлігін қызыл түске бояғым келсе не істеу керек? Мұндай жағдай үшін b тегіне ұқсас тег жоқ.

Бірақ арнайы span тегі бар - өзі ештеңе жасамайды, бірақ оған бізге мәтін бөлігіне қажетті әсерді қосуға мүмкіндік беретін CSS стильдерін қолдануға болады.

Мысалға қарайық. Бізде қандай да бір мәтін бар делік:

<p>
	Бұл мәтіні бар абзац.
</p>

"мәтіні" сөзін қызыл етіп шығарғымыз келеді делік. Ол үшін мәтіннің бұл бөлігін span тегіне орап, осы тегке бір класс берейік:

<p>
	Бұл <span class="red">мәтіні</span> бар абзац.
</p>

Енді осындай класты элементті қызыл түске бояйық:

.red {
	color: red;
}

Мына код берілген:

<p>
	Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
	<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>

xxx класы бар элементтердің өлшемін 30px етіңіз.