HTML ენა მოიცავს რამდენიმე ელემენტს. ესენია: ხშირად გამოყენებული ვებ-კომპონენტები, როგორიცაა პუნქტები, სათაურები, ბმულები და სურათები. ასევე არსებობს მთელი რიგი ახალი ელემენტები, რომლებიც დაინერგა HTML5- ს, მათ შორის header, nav, footer და სხვა. ყველა ეს HTML ელემენტი გამოიყენება დოკუმენტის სტრუქტურის შექმნისა და მნიშვნელობის შესაქმნელად. კიდევ უფრო მეტ მნიშვნელობას ანიჭებ ელემენტებს, მათ აძლევს ატრიბუტებს.
ძირითადი HTML გახსნის tag იწყება
თქვენს HTML ტეგზე ატრიბუტის დასამატებლად პირველად დააყენეთ სივრცე tag- ის სახელით (ამ შემთხვევაში ეს არის "p"). მაშინ დაამატებთ ატრიბუტის სახელს, რომლითაც გსურთ გამოიყენოთ თანაბარი ნიშანი. საბოლოო ჯამში, ატრიბუტის ღირებულება იქნება განთავსებული ციტატების ნიშნები. მაგალითად:
Tags შეიძლება ჰქონდეს მრავალი ატრიბუტები. თქვენ გამოყოფთ თითოეულ ატრიბუტს სხვებისგან სივრცეში.
ელემენტები საჭირო ატრიბუტებით
ზოგიერთი HTML ელემენტის რეალურად მოითხოვს ატრიბუტები თუ გნებავთ მათ მუშაობა მიზნად. სურათის ელემენტი და ბმული ელემენტი არის ორი მაგალითი.
გამოსახულების ელემენტს მოითხოვს "src" ატრიბუტი. ეს ატრიბუტი ეუბნება ბრაუზერს, რომელიც გსურთ გამოიყენოთ ამ ადგილას. ატრიბუტის მნიშვნელობა იქნება გამოსახულების ფაილური გზა. მაგალითად:
შეამჩნევთ, რომ კიდევ ერთი ატრიბუტი ამ ელემენტს, "alt" ან ალტერნატიული ტექსტის ატრიბუტს დავამატებ. ეს არ არის ტექნიკურად სურათების საჭირო ატრიბუტი, მაგრამ ეს არის საუკეთესო პრაქტიკა, რომელიც ყოველთვის მოიცავს ამ კონტენტის ხელმისაწვდომობას. ალტა ატრიბუტის მნიშვნელობით ჩამოთვლილი ტექსტი არის ის, თუ როგორ გამოჩნდება გამოსახულება რაიმე მიზეზით.
კიდევ ერთი ელემენტი, რომელიც მოითხოვს სპეციფიკურ ატრიბუტებს, არის წამყვანი ან ბმული ტეგი. ამ ელემენტში უნდა შეიცავდეს "href" ატრიბუტს, რომელიც "ჰიპერტექსტის მითითებას" წარმოადგენს. ეს არის ფანტაზიური გზა იმის შესახებ, თუ "ეს ბმული უნდა წავიდეს". სურათის ელემენტს უნდა იცოდნენ, თუ რომელი სურათის ჩატვირთვა უნდა მოხდეს ბმული ვიცი, სად უნდა მოინდომოს.
ამ ბმულს ახლა მოუტანს ადამიანს ატრიბუტის ღირებულებაში მითითებული ვებგვერდი. ამ შემთხვევაში, ეს არის მთავარი გვერდი.
ატრიბუტები, როგორც CSS ჰუკსი
კიდევ ერთი გამოყენება ატრიბუტები არის, როდესაც ისინი გამოიყენება "კაკვები" ამისთვის CSS სტილის. იმის გამო, რომ ვებ-გვერდების სტანდარტების დაცვა გულისხმობს, რომ თქვენ უნდა შეინარჩუნოთ გვერდი სტრუქტურა (HTML), რომელიც გამოყოფს თავის სტილებს (CSS), გამოიყენეთ ეს ატრიბუტი კაკვები CSS- ში, რათა უკარნახოს, როგორ სტრუქტურა გვერდზე გამოჩნდება ბრაუზერში. მაგალითად, თქვენ შეიძლება ჰქონდეს ეს ცალი მარკირების თქვენს HTML დოკუმენტი.
თუ გინდა, რომ დანაყოფს აქვს შავი ფერის ფერადი ფერი (# 000) და 1.5 სმ შრიფტის ზომა, დაამატებთ თქვენს CSS- ს:
. ფურცელი {background-color: # 000; შრიფტის ზომა: 1.5 სთ;}"გამორჩეული" კლასის ატრიბუტი მოქმედებს როგორც hook, რომელიც ჩვენ ვიყენებთ CSS- ს სტილის გამოყენებას ამ ტერიტორიაზე. ჩვენ შეგვიძლია ასევე ვიყოთ ID ატრიბუტი აქ თუ გვინდოდა. ორივე კლასი და პირადობის მოწმობა არის უნივერსალური ატრიბუტები, რაც ნიშნავს, რომ ისინი შეიძლება დაემატოს ნებისმიერ ელემენტს. მათ ასევე შეუძლიათ ორივე მიზანმიმართული კონკრეტული CSS სტილის, რათა დადგინდეს ვიზუალური გამოჩენა, რომ ელემენტს.
რაც შეეხება Javascript
საბოლოო ჯამში, ზოგიერთი HTML ელემენტების ატრიბუტების გამოყენება ასევე შეგიძლიათ გამოიყენოთ JavaScript- ში. თუ თქვენ გაქვთ სკრიპტი, რომელიც ეძებთ ელემენტს კონკრეტული ID ატრიბუტით, ეს არის კიდევ ერთი გამოყენება HTML- ის საერთო ნაწილისა.