HTML-ში ტექსტის ნაწილებისთვის span თეგი

თქვენ უკვე იცით, რომ იმისთვის, რომ ტექსტის გარკვეული ნაწილი, მაგალითად, გამუქებული გახადოთ - უნდა გამოიყენოთ b თეგი. თუმცა, რა ვქნათ, თუ მინდა ტექსტის ნაწილი წითელ ფერში გავაფერადო? ასეთი შემთხვევისთვის b თეგის მსგავსი თეგი არ არსებობს.

მაგრამ არსებობს სპეციალური თეგი span - თავისთავად ის აბსოლუტურად არაფერს აკეთებს, მაგრამ მას შეუძლია CSS სტილების გამოყენება, რაც შესაძლებელს გახდის ტექსტის ნაწილს სასურველი ეფექტი მივუმატოთ.

მოდით შევხედოთ მაგალითს. დავუშვათ, გვაქვს რაიმე ტექსტი:

html<p>
  This is a paragraph with text.
</p>

დავუშვათ, გვსურს სიტყვა "text" წითელი გავხადოთ. ამისთვის ტექსტის ეს ნაწილი ჩავსვათ span თეგში და ამ თეგს მივცეთ რაიმე კლასი:

html<p>
  This is a paragraph with <span class="red">text</span>.
</p>

ახლა კი ასეთი კლასის მქონე ელემენტი წითელ ფერში გავაფერადოთ:

css.red {
  color: red;
}

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