HTML შედგება ელემენტების სერიისგან, რომლებსაც იყენებთ შინაარსის სხვადასხვა ნაწილის ჩასასმელად, რათა კონტენტი გარკვეული სახით გამოჩნდეს. ეს შეიძლება იყოხ დახრილი ან გამუქებული შრიფტი, დიდი ან პატარა ზომის ასოცები, გალინკვები და ა.შ.
როგორია HTML ელემენტის ანატომია?
ჩვენი ელემენტის ძირითადი ნაწილებია:
1.გამხსნელი თეგი (Opening tag);
2.დასახური ტეგი (Closing tag);
3.შინაარსი (Content);
- ელემენტი (Element).
ელემენტებს ასევე შეიძლება ჰქონდეთ ატრიბუტები, რომლებიც ასე გამოიყურება:
ატრიბუტები შეიცავს დამატებით ინფორმაციას ელემენტის შესახებ, რომლის ჩვენებაც არ გსურთ რეალურ კონტენტში. ამ შემთხვევაში, class არის ატრიბუტის სახელი, ხოლო editor-note არის ატრიბუტის მნიშვნელობა. „კლასი“ საშუალებას გაძლევთ, ელემენტს მიანიჭოთ საიდენტიფიკაციო სახელი, რომელიც შემდგომში შეიძლება გამოყენებულ იქნას ელემენტისთვის სტილის მითითებით და სხვა მახასიათებლების მინიჭება.
ატრიბუტს ყოველთვის უნდა ჰქონდეს:
- სივრცე მასსა და ელემენტის სახელს შორის (ან წინა ატრიბუტი, თუ ელემენტს უკვე აქვს ერთი ან მეტი ატრიბუტი);
- ატრიბუტის სახელს მოჰყვება თანაბარი ნიშანი;
- ატრიბუტის მნიშვნელობა, ჩასმული ბრჭყალებში ორივე მხარეს.
ჩაშენებული ელემენტები:
თქვენ ასევე შეგიძლიათ ელემენტების მოთავსება სხვა ელემენტებში – ამას ეწოდება ჩაშენება. მაგალითად, თუ გვსურს ვთქვათ, რომ ძალიან ცუდი ამინდია, შეგვიძლია სიტყვაში „ძალიან“ ჩავაშენოთ <strong> ელემენტი, რაც მიუთითებს იმაზე, რომ სიტყვა ძლიერად უნდა იყოს ხაზგასმული:
ცარიელი ელემენტები:
ზოგიერთ ელემენტს არ აქვს შინაარსი და ეწოდება ცარიელი ელემენტები. ავიღოთ <img> ელემენტი, რომელიც უკვე არის ჩვენს HTML-ში:
ის შეიცავს ორ ატრიბუტს, მაგრამ არ არის დახურული </img> ტეგი და არ შეიცავს შიდა შინაარსს.