HTML — ძირითადი ტეგები და ატრიბუტები (ტერმინების განმარტებით)
HTML (HyperText Markup Language) — წარმოადგენს ვებგვერდების სტრუქტურის შექმნის ენას. მისი საშუალებით ვქმნით გვერდის შინაარსს, ვამატებთ ტექსტს, სურათს, ღილაკებს, ფორმებს და სხვა ელემენტებს.
ეს სტატია წარმოადგენს გზამკვლევს HTML-ის ძირითად ტეგებსა და ატრიბუტებზე, ასევე განმარტებებს იმ ინგლისური ტერმინებისა, რომლებიც პროგრამირებისას ხშირად გვხვდება. იდეალურია როგორც დამწყებთათვის, ასევე იმათთვისაც, ვინც განმეორებას გეგმავს.
🔹 HTML-ის ძირითადი ტეგები და ინგლისური სიტყვები
| ინგლისური სიტყვა | ტრანსლიტერაცია | თარგმანი / განმარტება |
|---|---|---|
| html | ეიჩ-ტი-ემ-ელ | ვებგვერდის ძირითადი ელემენტი |
| head | ჰედ | გვერდის სათაურის ნაწილი |
| title | თაითლ | გვერდის სახელი (ბრაუზერის ჩანართზე) |
| body | ბოდი | გვერდის ხილული ნაწილი |
| h1, h2… h6 | ეიჩ-უანი | სათაურები |
| p | პი | აბზაცი |
| br | ბი-არ | ხაზის გადატანა |
| hr | ეიჩ-არ | ჰორიზონტალური ხაზი |
| a | ეი | ბმული |
| href | ეი-ჩი-არ-ი-ი-ეფ | ბმულის მისამართი |
| target | თარგეთ | ბმულის გახსნის ადგილი |
| img | იმიჯ | სურათის ელემენტი |
| src | ესი-არ-სი | სურათის წყარო |
| alt | ალთ | ტექსტი სურათის არარსებობისას |
| div | დივ | განყოფილება |
| span | სპან | ტექსტის მონაკვეთი |
| ul | იუ-ელ | არადალაგებული სია |
| ol | ო-ელ | დალაგებული სია |
| li | ელ-აი | სიის ელემენტი |
| form | ფორმ | შესაყვანი ფორმა |
| input | ინფუთ | ველი მონაცემის შესაყვანად |
| type | თაიპ | ველის ტიპი |
| name | ნეიმ | ველის სახელი |
| value | ველიუ | ველის მნიშვნელობა |
| placeholder | ფლეისჰოლდერ | საჩვენებელი ტექსტი ველში |
| button | ბატონ | ღილაკი |
| submit | საბმიტ | გაგზავნის ღილაკი |
| label | ლეიბელ | ველის სათაური |
| select | სელექტ | ჩამოსაშლელი სია |
| option | ოფშენ | არჩევანი სელექტში |
| textarea | ტექსტარეა | ტექსტის ველი მრავალი ხაზით |
| script | სკრიპტ | სკრიპტის (JS) ელემენტი |
| style | სტაილ | სტილის ელემენტი (CSS) |
| class | კლას | ელემენტის კლასი |
| id | აი-დი | უნიკალური იდენტიფიკატორი |
| lang | ლანგ | ენა |
| meta | მეტა | გვერდის მეტაინფორმაცია |
| charset | ჩარსეტ | კოდირების ტიპი |
| link | ლინკ | გარე ფაილის ბმული (მაგ. CSS) |
| rel | რელ | ბმულის ტიპი |
🔹 დამატებითი HTML ტეგები და ატრიბუტები
| სიტყვა | ტრანსლიტერაცია | განმარტება / გამოყენება |
| nav | ნავ | ნავიგაციის სექცია |
| header | ჰედერ | გვერდის თავსართი |
| footer | ფუთერ | გვერდის ბოლოდან სექცია |
| main | მეინ | მთავარი შიგთავსი |
| article | არტიკლ | სტატია ან ბლოგპოსტი |
| section | სექშენ | ლოგიკური განყოფილება |
| aside | ასაიდ | გვერდითი ბლოკი |
| figure | ფიგურ | ვიზუალური კონტენტის ბლოკი |
| figcaption | ფიგკეპშენ | გამოსახულების აღწერა |
| details | დითეილს | დეტალების გასაშლელი ბლოკი |
| summary | სამარი | დეტალების სათაური |
| mark | მარკ | ტექსტის გამოკვეთა |
| time | თაიმ | თარიღი და დრო |
| progress | პროგრეს | პროგრეს ბარი |
| meter | მიტერ | რაოდენობრივი საზომი |
| dialog | დაიალოგ | დიალოგის ფანჯარა |
| template | ტემფლეით | HTML შაბლონი |
| output | აუთფუთ | შედეგის გამოსატანი ელემენტი |
| data | დეიტა | მონაცემი (data-* ატრიბუტი) |
| datalist | დეიტალისტ | input-სთვის წინასწარი სია |
| fieldset | ფილდსეტ | ფორმის ველების ჯგუფი |
| legend | ლეჯენდ | fieldset-ის სათაური |
| autocomplete | აუტოკომპლითი | ავტომატური შევსება |
| readonly | რიდ ონლი | მხოლოდ წასაკითხი ველი |
| disabled | დისეიბლდ | გათიშული ველი |
| required | რეკვაიერდ | სავალდებულო ველი |
| autofocus | აუტოფოკუს | ფოკუსი ჩატვირთვისას |
| multiple | მალთიპლ | მრავალჯერადი არჩევანი |
| enctype | ენქთაიპ | ფორმის კოდირების ტიპი |
| method | მეთოდ | ფორმის გაგზავნის მეთოდი |
| action | ექშენ | გაგზავნის მისამართი |
HTML არის ვებდიზაინის საწყისი საფეხური და მისი ძირითადი ტერმინების ცოდნა მნიშვნელოვანია ყველა დამწყები პროგრამისტისთვის. თუ კარგად გავიაზრებთ ამ ტეგებს და ატრიბუტებს, შემდეგ უკვე შეგვიძლია უფრო რთულ ტექნოლოგიებზე გადასვლა, როგორიცაა CSS, JavaScript ან PHP.