HTML ენის აღწერა. HTML ენის HTML ენის მოკლე აღწერა და მისი გამოყენება

HTML ენის ძირითადი სტრუქტურები.

HTML (ჰიპერტექსტის მარკირების ენა) - სპეციალური ინსტრუქციები ბრაუზერისთვის, რომლითაც იქმნება ვებ გვერდები.

ანუ ვებ გვერდები არის დოკუმენტები HTML ფორმატში, რომლებიც შეიცავს ტექსტს და სპეციალურ HTML ტეგებს (აღწერებს). ზოგადად, HTML ტეგები აუცილებელია ტექსტის ფორმატირებისთვის (ანუ მისთვის სასურველი გარეგნობის მისაცემად), რომელიც ბრაუზერს ესმის. HTML დოკუმენტები ინახება ფაილების სახით გაფართოებით. htm ან. html.

HTML ტეგები ბრაუზერს ეუბნებიან ინფორმაციას ვებ გვერდის სტრუქტურისა და ფორმატირების შესახებ. თითოეული ტეგი შეიცავს კონკრეტულ ინსტრუქციას და ჩასმულია კუთხის ფრჩხილებში. ტეგების უმეტესობა შედგება გახსნისა და დახურვის ნაწილისგან და გავლენას ახდენს შიგნით შემავალ ტექსტზე.

HTML კოდის უფრო სწრაფად გასაცნობად, შეგიძლიათ ნახოთ თქვენთვის სასურველი გვერდი "როგორც HTML" რეჟიმში. ამისათვის ბრაუზერში უნდა აირჩიოთ მენიუს პუნქტი "ნახვა" - "როგორც HTML".

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

როგორ იქმნება ვებ გვერდები

HTML ენა განსაზღვრავს სპეციალური ბრძანებების ერთობლიობას, სახელწოდებით tags, რომლებიც გამოიყენება ვებ გვერდის გარკვეული ელემენტების ფორმატირების ან მიზნის დასადგენად. სპეციალური ტეგები გამოიყენება გრაფიკული სურათების, აუდიო და ვიდეო კლიპების და სხვა ე.წ ჩაშენებული ობიექტების განსათავსებლად ვებ გვერდებზე.

მიუხედავად მათი აშკარა სირთულისა, ვებ გვერდები საერთოდ არ არის რთული. ეს არის ჩვეულებრივი ტექსტური ფაილები, რომლებიც შექმნილია სტანდარტულ Notepad-ში ან მსგავს მარტივ ტექსტურ რედაქტორში. და ისინი შეიცავს ტექსტს, იგივე ტექსტს, რომლის განთავსებაც გსურთ გვერდებზე, მხოლოდ სპეციალური გზით მონიშნული...

ჰიპერტექსტის მარკირების ენა HTML ძალიან მარტივი შესასწავლია. მისი შესწავლა შეიძლება შევადაროთ ნებისმიერი ლინგვისტური ენის შესწავლას. თუ, მაგალითად, ძირითად ერთეულში არის სიტყვა, მაშინ HTML-ში ეს მინიმალური ერთეული არის ტეგი. არსებითად, ეს არის ბრძანებები html ვებ გვერდის მარკირების ენაზე. ნებისმიერი ვებ გვერდი, ნებისმიერი საიტი შედგება ტექსტისგან, გრაფიკისგან და ა.შ. და ყველა ეს სიხარული კონტროლდება მცირე და შეუმჩნეველი ტეგებით. ტეგები არის ის, რაც ქმნის ტექსტსა და სურათებს, უაზრო არევის ნაცვლად, ხისტად სტრუქტურირებულ სტრუქტურას. ტეგების წყალობით, საიტზე მოცემული ტექსტი ახარებს ვიზიტორს სხვადასხვა ზომისა და ფერის მიხედვით, ეს არის ტეგები, რომლებიც საშუალებას აძლევს მშვენიერ სურათებს დადგეს მათთვის განკუთვნილ ადგილას ნებისმიერი ეკრანის გარჩევადობით და ბრაუზერის ფანჯრის ზომით. ტეგების შესაძლებლობები გაუთავებელია, მათი რაოდენობა უზარმაზარია

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

ნებისმიერი HTML დოკუმენტი, რომელიც იგზავნება ბრაუზერში, უნდა შედგებოდეს რამდენიმე აუცილებელი ნაწილისგან:

თითოეული დოკუმენტი უნდა დაიწყოს ხაზით, რომელიც მიუთითებს HTML სტანდარტის რომელ ვერსიას შეესაბამება დოკუმენტი (ჩვენს შემთხვევაში ვიყენებთ HTML 4.01); მაშინ root tag უნდა იყოს წარმოდგენილი და დოკუმენტის ბოლოს უნდა იყოს დახურული; შემდეგი უნდა იყოს ტეგი. ის ემსახურება როგორც ერთგვარი კონტეინერი სერვისის ტეგების, სკრიპტების და ა.შ., ზოგადად აუცილებელია სერვისის ინფორმაციის შესანახად; და ბოლო არის ტეგი, რომლის შიგნით ინახება ყველა ინფორმაცია, რომელიც პირდაპირ გვერდზე იქნება ნაჩვენები.

ასე რომ, მარტივი HTML დოკუმენტის სტრუქტურა ასე გამოიყურება:

HTML დოკუმენტის სტრუქტურა

- დოკუმენტის დასაწყისი

დოკუმენტის სათაური

დოკუმენტის ორგანო

- დოკუმენტის დასასრული

HTML ელემენტები

HTML ტეგების უმეტესობა, მაგრამ არა ყველა, დაწყვილებულია ისე, რომ გახსნის ტეგს მოჰყვება შესაბამისი დახურვის ტეგი, მათ შორის ტექსტით ან სხვა ტეგებით, მაგალითად:

წინასიტყვაობა

ასეთ შემთხვევებში, ორი ტეგი და მათ მიერ გამოყოფილი დოკუმენტის ნაწილი ქმნიან ბლოკს, რომელსაც ეწოდება HTML ელემენტი. ზოგიერთი ტეგი, როგორიცაა , თავისთავად HTML ელემენტია და მათთვის შესაბამისი ბოლო ტეგი არასწორია. შემდეგში ჩვენ მივმართავთ ტეგებს მათი სახელებით, გამოტოვებით საჭირო კუთხის ფრჩხილებს.

ატრიბუტები

თითოეული ტეგისთვის განისაზღვრება მრავალი შესაძლო ატრიბუტი. ტეგების უმეტესობა იძლევა ერთ ან მეტ ატრიბუტს, მაგრამ შეიძლება საერთოდ არ იყოს ატრიბუტები. ატრიბუტის სპეციფიკაცია შედგება შემდეგი თანმიმდევრობით:

ატრიბუტის სახელი, როგორიცაა WIDTH, ატრიბუტის მნიშვნელობის ტოლობის ნიშანი (=), რომელიც მითითებულია სიმბოლოების სტრიქონში, როგორიცაა "80".

ყოველთვის კარგი იდეაა ატრიბუტის მნიშვნელობის ბრჭყალებში ჩასმა, ერთი ბრჭყალების ("80") ან ორმაგი ბრჭყალების ("80") გამოყენებით. ციტირებული სტრიქონი არ უნდა შეიცავდეს ბრჭყალებს თავის შიგნით. ასე რომ, თუ თარიღი ჩასმულია ორმაგ ბრჭყალებში, გამოიყენეთ ერთჯერადი ბრჭყალები, რომ ჩასვათ იგი ბრჭყალებში შემდეგ და პირიქით. უპირატესობა ენიჭება ორმაგ ბრჭყალებს, რადგან ადამიანის თვალს შეიძლება უჭირდეს ცალკეული ბრჭყალების გარჩევა ისეთი სიმბოლოებისგან, როგორიცაა აქცენტის ნიშნები.

თქვენ ასევე შეგიძლიათ გამოტოვოთ ციტატები ატრიბუტების მნიშვნელობებისთვის, რომლებიც შედგება მხოლოდ შემდეგი სიმბოლოებისგან (იხილეთ სახელის ტექნიკური კონცეფცია):

ინგლისური სიმბოლოები (A - Z, a - z) რიცხვები (0 - 9) დროის ინტერვალები დეფისები (-)

ასე რომ, WIDTH=80 და ALIGN=CENTER არის ლეგალური სტენოგრამა WIDTH==80-ისა და ALIGN=CENTER-ისთვის. ბმული URL-ზე, მაგალითად HREF=foo. htm მისაღებია, თუმცა, როდესაც URL გამოიყენება ატრიბუტებით, უნდა იყოს ციტირებული, მაგალითად HREF="http://www. hut. fi/". არის რამდენიმე ბრაუზერი, რომელიც საშუალებას აძლევს გამოტოვებულ ციტატებს ან ელემენტებს გახსნის ციტატებით და დახურვის ციტატების გარეშე. თუმცა, უმჯობესია არ გამოიყენოთ ეს პრაქტიკა.

შექმენით აბზაცი, სივრცე სიმბოლოები, სათაური

ვებ ბრაუზერები ჩვეულებრივ არ ითვალისწინებენ იმ ახალი ხაზის სიმბოლოებს, რომლებიც შეყვანილია მომხმარებლის მიერ ტექსტში მისი ფორმირების ეტაპზე. ახალი აბზაცის დასაწყებად გამოიყენეთ ტეგი (ტეგი)

ვებ ბრაუზერის ფანჯარაში გვერდის გახსნის შემდეგ, მისი ტექსტის ყველა აბზაცი აღინიშნება ტეგით (ტეგით)

გამოყოფილია ცარიელი ხაზებით, რაც აუმჯობესებს მის განლაგებას და გარეგნობას.

ნაგულისხმევად, ბრაუზერი ჩვეულებრივ აფორმებს აბზაცებს მარცხნივ გასწორებით. გასწორების იძულებისთვის გამოიყენეთ align ატრიბუტი. მისი დახმარებით, აბზაცები შეიძლება გასწორდეს მარცხნივ, მარჯვნივ, ცენტრში და გამართლდეს.

მაგალითი:

აბზაცი გასწორებულია მარცხნივ... აბზაცი გასწორებულია მარჯვნივ... აბზაცი არის ცენტრში გასწორებული... პუნქტი გამართლებულია...

ბრაუზერის ჩვენება: აბზაცის გასწორება მარცხნივ აბზაცის გასწორება მარცხნივ აბზაცის გასწორება აბზაცის გასწორება მარცხნივ აბზაცის გასწორების მარცხნივ აბზაცის გასწორების მარცხნივ აბზაცი გასწორებული მარჯვნივ აბზაცი გასწორებული მარჯვნივ აბზაცი გასწორებული მარჯვნივ აბზაცი გასწორებული მარჯვნივ პუნქტი გასწორებულია ცენტრში აბზაცის გასწორება აბზაცის ცენტრში გასწორებული აბზაცის გასწორება აბზაცის ცენტრში აბზაცის გასწორება აბზაცის ცენტრში აბზაცის გასწორება პუნქტის ცენტრში აბზაცის გასწორება აბზაცის ცენტრში აბზაცის გასწორება აბზაცის ცენტრში აბზაცის გასწორება აბზაცის ცენტრში გასწორებული პუნქტის ცენტრში აბზაცი გამართლებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი გამართლებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული პუნქტი დასაბუთებული

ვებ ბრაუზერები ავტომატურად ახვევენ ტექსტს აბზაცებში ახალ ხაზში. თუ ამოცანაა სიტყვების რომელიმე კომბინაციის ერთ სტრიქონში მოთავსება, მაშინ ამ მიზნით გამოიყენება ტეგი (ტეგი).

ახალ ხაზზე გადასასვლელად გამოიყენეთ ტეგი (ტეგი)
. ის ეუბნება ბრაუზერს, შეწყვიტოს ტექსტისა და გვერდის სხვა ელემენტების განთავსება მიმდინარე ხაზში და გადავიდეს ახალ ხაზზე. ამ ტეგს (ტეგს) არ აქვს თავისი დახრილი ანალოგი, ე.წ. დახურვის ტეგი (ტეგი).

ამ ტეგ(ებ)ის ძირითადი გამოყენება არის იძულებითი შიდა ელემენტების განთავსება გვერდზე კონკრეტულ ადგილას. ის ასევე მოსახერხებელია იმ შემთხვევებში, როდესაც საჭიროა ცალკეული გვერდის ელემენტებს შორის ცარიელი ადგილების გაზრდა.

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

HTML არის ვებსაიტის მარკირების ენა. ბევრი ფიქრობს, რომ ეს პროგრამირებაა, მაგრამ ეს ასე არ არის. HTML არ შეიცავს არცერთ ცვლადებს, გამოთვლებს, მასივებს და სხვა ელემენტებს, რომლებიც გვხვდება რომელიმე პროგრამირების ენაში.

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

HTML დოკუმენტის შექმნა

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

როგორც წესი, Notepad გამოიყენება მხოლოდ იმ შემთხვევებში, როდესაც ხელთ არ არის სხვა ხელსაწყოები. ჯერ იქმნება ტექსტური დოკუმენტი და შემდეგ ინახება html ფორმატში. ყველა საიტის გვერდს უნდა ჰქონდეს html გაფართოება.

HTML ენა იერარქიულია. ანუ არსებობს HTML დოკუმენტის სპეციალური სტრუქტურა. რა არის ეს? მოდით შევხედოთ მას ქვემოთ სიცხადისთვის.

HTML დოკუმენტის სტრუქტურა. მაგალითი

სტრუქტურა ყოველთვის იგივეა. თუ რაიმეს შეცვლა გსურთ, ბრაუზერი ვერ შეძლებს მის დამუშავებას. შედეგად, თქვენ ვერ მიიღებთ იმას, რაც გინდოდათ.

ზემოთ მოყვანილი სურათი გვიჩვენებს ნებისმიერი html ფაილის სტრუქტურას. პირველი ელემენტი მიუთითებს ფაილის ტიპზე. ეს ტეგი მითითებულია ერთხელ. თუ იყენებთ სპეციალურ რედაქტორებს, მთელი სტრუქტურა ავტომატურად შეიქმნება. თქვენ დაგჭირდებათ ნაგულისხმევი მნიშვნელობების კორექტირება.

HTML დოკუმენტის სტრუქტურა - ძირითადი ტეგები:

მთელი საიტის ჩარჩო შედგება ამ სამი ტეგისაგან. ყურადღება მიაქციეთ სურათს. ყველა ამ ტეგს აქვს დახურვის ტეგი "/" ნიშნით. თუ ხელით წერთ, მიეჩვიეთ ორივე ტეგის ერთდროულად დადებას - გახსნა და დახურვა.

ზემოთ ითქვა, რომ ვებ გვერდებს აქვთ გაფართოება .html. ანუ, თუ თქვენ შექმნით ტექსტურ დოკუმენტს, მაგრამ დაწერთ სწორ კოდს, ბრაუზერი მაინც გიჩვენებთ მხოლოდ ტექსტს. კოდის კონვერტაცია არ იქნება.

თავის განყოფილება

მე-3 პუნქტის ქვემოთ მოყვანილი ფიგურა გვიჩვენებს თავის განყოფილებას. ეს განყოფილება შეიცავს სერვისის ინფორმაციას. მაგალითად, შეგიძლიათ მიუთითოთ კოდირება (პუნქტი 4) და გვერდის სათაური (პუნქტი 5).

ყოველთვის უნდა იყოს სათაური. ამის გარეშე ვერცერთი საძიებო სისტემა ვერ შეძლებს ვებ გვერდის შინაარსის (ტექსტის) დასახელებას. და ეს ცუდია ვებსაიტის პოპულარიზაციისთვის. უფრო მეტიც, ბრაუზერი არ აჩვენებს გვერდის სათაურს ზედა ნაწილში. ეს მომხმარებლისთვის უხერხულობაა.

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

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

სტილის დამაკავშირებელი

HTML დოკუმენტის სტრუქტურა საშუალებას გაძლევთ დააკავშიროთ სტილები სხვადასხვა გზით. უფრო მეტიც, ისინი შეიძლება დაიწეროს ინდივიდუალურად თითოეულ ელემენტში. მაგრამ ეს მეთოდი არ არის რეკომენდებული, რადგან კოდი ხდება ძალიან დიდი და მოუხერხებელი.

ფაილი დაკავშირებულია შემდეგნაირად.

href ატრიბუტი განსაზღვრავს ფაილის გზას. თუ გზაზე შეცდომაა, სტილები არ იტვირთება. ასევე საჭიროა ტიპის ატრიბუტი, რაც მიუთითებს, რომ ეს არის css ფაილი.

კიდევ ერთი ვარიანტია სტილის განსაზღვრა პირდაპირ თავში.

მაგრამ ეს ვარიანტი ასევე არ არის რეკომენდებული. ეს მეთოდები ძალიან განსხვავდება იმით, რომ css ფაილი შეიძლება იყოს ერთი მთელი საიტისთვის და მასში არსებული ყველა ცვლილება მყისიერად გამოყენებული იქნება ყველა გვერდზე. და თუ იყენებთ ზემოთ მოცემულ ფიგურაში ნაჩვენები მეთოდს, მაშინ მოგიწევთ ცვლილებების შეტანა საიტის ყველა არსებულ გვერდზე.

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

სკრიპტების დაკავშირება

სკრიპტები დაკავშირებულია შემდეგნაირად.

აქ საჭიროა ორი ატრიბუტი: type და src. პირველში ჩვენ აღვნიშნავთ, რომ ეს არის Javascript ფაილი, ხოლო მეორე - სადაც მდებარეობს ფაილი. თუ შეცდომა დაუშვით, არაფერი გამოდგება.

სხეულის განყოფილება

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

აქ მითითებულია გვერდის მთელი ძირითადი კოდი, რომელიც შეიძლება შეიცავდეს შეუზღუდავი რაოდენობის ელემენტებს. მაგრამ რაც უფრო გრძელია კოდი, მით უფრო დიდი დრო დასჭირდება მის დამუშავებას.

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

მთავარი ტეგები

HTML დოკუმენტის სტრუქტურა მოითხოვს ელემენტების ჩაწერის სავალდებულო თანმიმდევრობას. ტეგები ყოველთვის უნდა იყოს გარშემორტყმული ფრჩხილებით კიდეებზე. ამის გარეშე ბრაუზერი ვერ გაიგებს, რომ ეს არის ტეგი. გახსნის ფრჩხილს ყოველთვის მოჰყვება ელემენტის სახელი (ტეგი). თუ დაუშვებთ შორის სივრცეს< и именем, то браузер посчитает это текстом.

მოდით შევხედოთ სურათის ტეგის მაგალითს. გთხოვთ გაითვალისწინოთ, რომ ეს ტეგი არ არის დახურვის ტეგი, განსხვავებით ბმულებისგან, აბზაცისგან და მრავალი სხვასგან.

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

src ატრიბუტი ყველა ტეგში მიუთითებს ფაილის გზაზე, რომელიც უნდა ჩაიტვირთოს. alt ატრიბუტი ყველა ელემენტზე განსაზღვრავს მოკლე აღწერას. ამ შემთხვევაში ფოტო bird.jpg იტვირთება აღწერილობით - ჩიტის ფოტო.

გარდა ამისა, შეგიძლიათ მიუთითოთ ზომები, მხოლოდ სიგანე ან სიმაღლე, სათაური, გასწორება, სტილის კლასი ან საზღვარი.

მოდით შევხედოთ სხვა მთავარ ტეგებს, რომლებიც მითითებულია სხეულის განყოფილებაში.

	მიზანი
	სურათები
	ტექსტის გადატანა ახალ ხაზში
…	მინიატურა
	გადახაზული ტექსტი
	ხაზგასმული ტექსტი

როგორ წარმოგიდგენიათ ეს ყველაფერი თქვენს თავში?

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

ტერმინი HTML (HyperText Markup Language) ნიშნავს „ჰიპერტექსტის მარკირების ენას“. HTML-ის პირველი ვერსია შეიმუშავა ტიმ ბერნერს-ლიმ, ევროპის ნაწილაკების ფიზიკის ლაბორატორიის თანამშრომელმა.

HTML-მა განიცადა გარკვეული ცვლილებები პირველი ვერსიის შექმნის შემდეგ. როგორც ბევრი რამ კომპიუტერულ სამყაროში, HTML-ის ვერსიები თუ სპეციფიკაციები დანომრილი აღმოჩნდა. ცნობილია 2.0, 3.0 და 3.2 სპეციფიკაციები. მიმდინარე HTML სპეციფიკაცია ყოველთვის შეგიძლიათ ნახოთ W3C სერვერზე.

ჰიპერტექსტის მარკირების ენა (HTML) არის სტანდარტული ენა, რომელიც შექმნილია WEB გარემოში ჰიპერტექსტური დოკუმენტების შესაქმნელად. HTML დოკუმენტების ნახვა შესაძლებელია სხვადასხვა ტიპის ვებ ბრაუზერებით. როდესაც დოკუმენტი იქმნება HTML-ის გამოყენებით, ვებ ბრაუზერს შეუძლია HTML-ის ინტერპრეტაცია, რათა ხაზი გაუსვას დოკუმენტის სხვადასხვა ელემენტებს და პირველ რიგში დაამუშავოს ისინი. HTML-ის გამოყენება საშუალებას იძლევა დოკუმენტების ფორმატირება ისე, რომ მათი წარდგენა შესაძლებელი იყოს შრიფტების, ხაზების და სხვა გრაფიკული ელემენტების გამოყენებით ნებისმიერ სისტემაზე, რომელიც მათ ნახულობს.

დოკუმენტების უმეტესობას აქვს სტანდარტული ელემენტები, როგორიცაა სათაური, აბზაცები ან სიები. HTML ტეგების გამოყენებით შეგიძლიათ მიუთითოთ ეს ელემენტები, უზრუნველყოთ ვებ ბრაუზერებს მინიმალური ინფორმაცია ამ ელემენტების საჩვენებლად, ამასთან, ზოგადად შეინარჩუნოთ დოკუმენტების საერთო სტრუქტურა და ინფორმაციული სისრულე. ყველაფერი რაც საჭიროა HTML დოკუმენტის წასაკითხად არის WEB ბრაუზერი, რომელიც ინტერპრეტაციას უკეთებს HTML ტეგებს და აჩვენებს დოკუმენტს ეკრანზე იმ ფორმით, რომელსაც ავტორი აძლევს.

უმეტეს შემთხვევაში, დოკუმენტის ავტორი მკაცრად განსაზღვრავს დოკუმენტის გარეგნობას. HTML-ის შემთხვევაში, მკითხველს (WEB ბრაუზერის შესაძლებლობებზე დაყრდნობით შეუძლია გარკვეულწილად გააკონტროლოს დოკუმენტის გარეგნობა (მაგრამ არა მისი შინაარსი). HTML საშუალებას გაძლევთ მონიშნოთ სად უნდა იყოს სათაური ან აბზაცი. დოკუმენტი HTML ტეგის გამოყენებით და შემდეგ უზრუნველყოფს WEB- ბრაუზერს ამ ტეგების ინტერპრეტაციისთვის.

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

HTML დოკუმენტები შეიძლება შეიქმნას ნებისმიერი ტექსტური რედაქტორის ან სპეციალიზებული HTML რედაქტორებისა და კონვერტორების გამოყენებით. რედაქტორის არჩევანი, რომელიც გამოყენებული იქნება HTML დოკუმენტების შესაქმნელად, დამოკიდებულია მხოლოდ თითოეული ავტორის მოხერხებულობასა და პირად პრეფერენციებზე. მაგალითად, HTML რედაქტორები, როგორიცაა Netscape Navigator Gold Netscape-დან, საშუალებას გაძლევთ შექმნათ დოკუმენტები გრაფიკულად WYSIWYG (რას ხედავთ, ის რასაც იღებთ) ტექნოლოგიის გამოყენებით. მეორეს მხრივ, დოკუმენტების შექმნის ტრადიციულ ინსტრუმენტებს აქვთ კონვერტორები, რომლებიც საშუალებას გაძლევთ გადაიყვანოთ დოკუმენტები HTML ფორმატში.

ყველა HTML ტეგი იწყება ""-ით (მარჯვენა კუთხის ფრჩხილი). როგორც წესი, არის საწყისი და დასასრული ტეგი. მაგალითად, აქ არის სათაურის ტეგები, რომლებიც განსაზღვრავენ ტექსტს საწყისი და დასასრული ტეგების შიგნით, რომლებიც აღწერს დოკუმენტის სათაურს: Document Title

HTML არ არის რეგისტრის მგრძნობიარე, ამიტომ ზემოთ მოცემული მაგალითი შეიძლება ასე გამოიყურებოდეს:

დოკუმენტის სათაური

დასასრულის ტეგი ჰგავს დაწყების ტეგს და განსხვავდება მისგან წინ დახრილობით კუთხის ფრჩხილებში ტექსტის წინ. ამ მაგალითში, ტეგი ეუბნება WEB ბრაუზერს გამოიყენოს სათაურის ფორმატი, ხოლო ტეგი ეუბნება სათაურის ტექსტს დასრულებას.

ზოგიერთი ტეგი, როგორიცაა

(ტეგი, რომელიც განსაზღვრავს აბზაცს) არ საჭიროებს ბოლო ტეგს, მაგრამ მისი გამოყენება იძლევა დოკუმენტის საწყის ტექსტს გაუმჯობესებულ კითხვადობას და სტრუქტურას.

როდესაც WEB ბრაუზერი იღებს დოკუმენტს, ის განსაზღვრავს, თუ როგორ უნდა მოხდეს დოკუმენტის ინტერპრეტაცია. პირველივე ტეგი, რომელიც გამოჩნდება დოკუმენტში, უნდა იყოს . ეს ტეგი ეუბნება ვებ ბრაუზერს, რომ თქვენი დოკუმენტი დაწერილია HTML-ის გამოყენებით. მინიმალური HTML დოკუმენტი ასე გამოიყურება:

...დოკუმენტის ტექსტი...

დოკუმენტის სათაური

დოკუმენტის სათაური ტეგი უნდა იქნას გამოყენებული ტეგის შემდეგ დაუყოვნებლივ და არსად სხვაგან დოკუმენტის ტექსტში. ეს ტეგი არის დოკუმენტის ზოგადი აღწერა. მოერიდეთ ტექსტის შიგნით განთავსებას. საწყისი ტეგი მოთავსებულია ტეგისა და სხვა ტეგების წინ, რომლებიც აღწერს დოკუმენტს, ხოლო დასასრულის ტეგი მოთავსებულია დოკუმენტის აღწერილობის დასრულებისთანავე. Მაგალითად:

თანამშრომელთა სია დოკუმენტის სათაური

ვებ ბრაუზერების უმეტესობა აჩვენებს ტეგის შიგთავსს დოკუმენტის შემცველი ფანჯრის სათაურის ზოლში და სანიშნეების ფაილში, თუ ეს მხარდაჭერილია WEB ბრაუზერის მიერ. სათაური, რომელიც შემოიფარგლება და ტეგებით, მოთავსებულია - ტეგების შიგნით, როგორც ნაჩვენებია ზემოთ მოცემულ მაგალითში. დოკუმენტის სათაური არ ჩანს, როდესაც თავად დოკუმენტი გამოჩნდება ფანჯარაში.

კომენტარები

ნებისმიერი ენის მსგავსად, HTML გაძლევთ საშუალებას ჩაწეროთ კომენტარები დოკუმენტის სხეულში, რომლებიც ინახება დოკუმენტის ქსელში გადაცემისას, მაგრამ არ არის ნაჩვენები ბრაუზერის მიერ. კომენტარის სინტაქსი:

კომენტარები შეიძლება გამოჩნდეს დოკუმენტში ნებისმიერ ადგილას და ნებისმიერი რაოდენობით.

დოკუმენტის სხეულის ტეგები იდენტიფიცირებენ ფანჯარაში ნაჩვენები HTML დოკუმენტის კომპონენტებს. დოკუმენტის ტექსტი შეიძლება შეიცავდეს ბმულებს სხვა დოკუმენტებთან, ტექსტთან და სხვა ფორმატირებულ ინფორმაციასთან.

დოკუმენტის ორგანო

დოკუმენტის ტექსტი უნდა იყოს ტეგებს შორის. ეს არის დოკუმენტის ის ნაწილი, რომელიც ნაჩვენებია როგორც თქვენი დოკუმენტის ტექსტური და გრაფიკული (სემანტიკური) ინფორმაცია.

აბზაცის ტეგი

ტექსტური პროცესორების უმეტესობისგან განსხვავებით, HTML დოკუმენტში ანაზღაურება ძირითადად იგნორირებულია. აბზაცის ფიზიკური შესვენება შეიძლება განთავსდეს დოკუმენტის საწყისი ტექსტის ნებისმიერ ადგილას (გაიადვილოს წაკითხვა). თუმცა, ბრაუზერი გამოყოფს აბზაცებს მხოლოდ იმ შემთხვევაში, თუ არსებობს ტეგი

თუ არ გამოყოფთ აბზაცებს ტეგით

თქვენი დოკუმენტი გამოჩნდება ერთი დიდი აბზაცის სახით.

ჰიპერტექსტის ბმულები არის ძირითადი კომპონენტი, რომელიც WEB-ს მიმზიდველს ხდის მომხმარებლებისთვის. ჰიპერტექსტური ბმულების დამატებით (შემდგომში ბმულები), თქვენ ქმნით დოკუმენტების ერთობლიობას დაკავშირებულ და სტრუქტურირებულ, რაც მომხმარებელს საშუალებას აძლევს მიიღოს მისთვის საჭირო ინფორმაცია რაც შეიძლება სწრაფად და მოხერხებულად.

ლინკებს აქვთ სტანდარტული ფორმატი, რაც საშუალებას აძლევს ბრაუზერს მათი ინტერპრეტაცია და ბმულის ტიპის მიხედვით შეასრულოს საჭირო ფუნქციები (გამოძახების მეთოდები). ბმულებს შეუძლიათ მიუთითონ სხვა დოკუმენტზე, კონკრეტულ მდებარეობაზე ამ დოკუმენტში, ან შეასრულონ სხვა ფუნქციები, როგორიცაა ფაილის მოთხოვნა FTP-ის საშუალებით ბრაუზერის ჩვენებისთვის. URL შეიძლება მიუთითებდეს კონკრეტულ მდებარეობაზე აბსოლუტურ გზაზე, ან შეიძლება მიუთითოს დოკუმენტზე მიმდინარე გზაზე, რომელიც ხშირად გამოიყენება დიდი სტრუქტურირებული ვებ საიტების ორგანიზებისას. თუ გადაადგილება მოხდა დოკუმენტში, დაუბრუნდით წინა ბმულს. თუ იყენებთ ბმულებს დოკუმენტში და შემდეგ დააჭერთ უკან კლავიშს, თქვენ არ გადახვალთ წინა ბმულზე, მაგრამ დაუბრუნდებით დოკუმენტის იმ ნაწილს, რომელსაც ადრე ნახულობდით.

ვებსაიტის ერთ-ერთი ყველაზე მიმზიდველი მახასიათებელია HTML დოკუმენტში გრაფიკული და სხვა ტიპის მონაცემების ბმულების ჩართვის შესაძლებლობა. ეს კეთდება ტეგის გამოყენებით . ამ ტეგის გამოყენებამ შეიძლება მნიშვნელოვნად გააუმჯობესოს დოკუმენტების გარეგნობა და ფუნქციონირება.

HTML დოკუმენტებში გრაფიკის გამოყენების ორი გზა არსებობს. პირველი არის გრაფიკული სურათების ჩასმა დოკუმენტში, რაც მომხმარებელს საშუალებას აძლევს ნახოს სურათები პირდაპირ დოკუმენტის სხვა ელემენტების კონტექსტში.

ეს არის ყველაზე ხშირად გამოყენებული ტექნიკა დოკუმენტის დიზაინში, რომელსაც ზოგჯერ უწოდებენ "inline image".

ზოგიერთი WWW ბრაუზერი მომხმარებელს საშუალებას აძლევს, შეავსოს სპეციალური ფორმა, რომელიც აბრუნებს მიღებულ მნიშვნელობას, შეასრულოს გარკვეული მოქმედებები თქვენს WWW სერვერზე. როდესაც ფორმის ინტერპრეტაცია ხდება WEB ბრაუზერის მიერ, იქმნება სპეციალური GUI ეკრანის ელემენტები, როგორიცაა შეყვანის ველები, გამშვები ველები, რადიოღილაკები, ჩამოსაშლელი მენიუები, გადახვევის სიები, ღილაკები და ა.შ. როდესაც მომხმარებელი ავსებს ფორმას და დააჭერს ღილაკს „გაგზავნა“ (SUBMIT არის სპეციალური ტიპის ღილაკი, რომელიც მითითებულია დოკუმენტის აღწერისას), მომხმარებლის მიერ ფორმაში შეყვანილი ინფორმაცია იგზავნება HTTP სერვერზე დასამუშავებლად და გადასაცემად. სერვერის ქვეშ გაშვებულ სხვა პროგრამებზე, CGI (Common Gateway Interface) ინტერფეისის შესაბამისად.

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

მიუხედავად იმისა, რომ ვებ გვერდები გამოჩნდება ფორმატირებული თქვენი კომპიუტერის ეკრანზე, HTML არ არის შექმნილი დოკუმენტების ფორმატირებისთვის, რადგან ხისტი დიზაინი და ტექსტის ელემენტების ზუსტი განლაგება გვერდზე ქმნის შეზღუდვებს, რომლებიც მიუღებელია ინტერნეტში.

მაგალითად, როდესაც ტექსტს ვაფორმირებთ ტექსტის დამმუშავებელი Word-ის გამოყენებით, ჩვენ ცალსახად განვსაზღვრავთ, როგორ უნდა გამოიყურებოდეს ეს ტექსტი ძალიან კონკრეტულ პრინტერზე და მოცემული ზომის ქაღალდზე დაბეჭდვისას. როდესაც დოკუმენტი განთავსდება ინტერნეტში, შეუძლებელია იმის პროგნოზირება, თუ რომელი კომპიუტერი იქნება გამოყენებული მის სანახავად, ან ექნება თუ არა ამ კომპიუტერს მონიტორი.

HTML ენის გამოყენებით დოკუმენტის აღწერის თავისებურება ასოცირდება საწყისი დოკუმენტის რეპროდუცირებისას აბსოლუტური სიზუსტის მიღწევის ფუნდამენტურ შეუძლებლობასთან. დაგეგმილია, რომ დოკუმენტი ფართოდ იქნება ხელმისაწვდომი ინტერნეტში და, შესაბამისად, უცნობია, როგორ მოხდება მისი რეპროდუცირება. დოკუმენტი შეიძლება წარმოდგენილი იყოს გრაფიკულ ეკრანზე, გამოტანილი სუფთა ტექსტის სახით, ან უბრალოდ „წაკითხული“ მეტყველების სინთეზის პროგრამით. HTML მარკირება ყველა ამ შემთხვევაში უნდა იყოს გათვალისწინებული. Ამიტომაც ! HTML განკუთვნილია არა დოკუმენტის ფორმატირებისთვის, არამედ მისი ფუნქციური მარკირებისთვის. მარკირება გულისხმობს სპეციალური კოდების გამოყენებას, რომლებიც ადვილად გამოიყოფა დოკუმენტის სემანტიკური შინაარსისგან და გამოიყენება ჰიპერტექსტის განსახორციელებლად. ამ კოდების გამოყენება ექვემდებარება HTML ენის სპეციფიკაციით განსაზღვრულ მკაცრ წესებს. მაგალითად, დოკუმენტები ჩვეულებრივ იწყება სათაურებით. დოკუმენტის ნაწილის „იყოს სათაური“ თვისება არ არის დოკუმენტის ფორმატირების მახასიათებელი, არამედ მისი შინაარსის მახასიათებელი. კონკრეტული დოკუმენტის რენდერი (ბრაუზერი) ირჩევს დოკუმენტის ნაწილის წარდგენის საკუთარ გზას, რომელიც აღწერილია როგორც სათაური.

HTML ტეგები

! HTML ენის კოდებს, რომლებიც გამოიყენება საწყისი ტექსტის აღსანიშნავად, ეწოდება ტეგები და ჩასმულია უშუალოდ დოკუმენტის ტექსტში.

ტეგი არის სიმბოლოების ნაკრები. ყველა ტეგი იწყება ნაკლები სიმბოლოთი (). ამ სიმბოლოების წყვილს ზოგჯერ კუთხის ფრჩხილებს უწოდებენ. გახსნის კუთხის ფრჩხილის შემდეგ მოდის საკვანძო სიტყვა, რომელიც განსაზღვრავს ტეგს.

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

ტეგები შეიძლება დაიყოს ორ დიდ ჯგუფად.

იგივე ჯგუფის ტეგები, სახელწოდებით კონტეინერები, გავლენას ახდენს დოკუმენტის ნაწილზე, რომელიც მათ შორისაა. მათ აქვთ ორი კომპონენტი: გახსნა (საწყისი) და დახურვა (ფინალური). დახურვის ტეგს აქვს იგივე სახელი, რაც გახსნის ტეგს, მაგრამ წინ უძღვის ხაზი (/ (სლეში)). ტექსტი ან სხვა ტეგები შეიძლება განთავსდეს გახსნის და დახურვის ტეგებს შორის.

დამოუკიდებელ (ერთ) ტეგებს არ გააჩნია უკანა კომპონენტი. ისინი იწვევენ ერთჯერად მოქმედებას ან, ინტერპრეტაციისას, ობიექტი ჩასმულია ნაჩვენები დოკუმენტში. მაგალითად, მონიშნეთ იწვევს სურათის ჩასმას pict.gif ფაილიდან.

როგორც წესი, ერთი HTML ტეგი გავლენას ახდენს დოკუმენტის მხოლოდ ნაწილზე, როგორიცაა აბზაცი. ასეთ შემთხვევებში გამოიყენება დაწყვილებული ტეგები: გახსნა და დახურვა. გახსნის ტეგი ქმნის ეფექტს, ხოლო დახურვის ტეგი ამთავრებს ეფექტს. ტეგების დახურვა იწყება წინ გადაკვეთით (/).

ზოგიერთი ტეგი იძლევა ერთჯერად ეფექტს იქ, სადაც ისინი გამოჩნდება. ამ შემთხვევაში არ არის საჭირო დახურვის ტეგი და ის არ გამოიყენება.

თუ შეცდომით ტეგი შეიცავს საკვანძო სიტყვას, რომელიც არ არის ნაპოვნი HTML-ში, ტეგი მთლიანად იგნორირებულია.

როდესაც დოკუმენტი ნაჩვენებია ბრაუზერში, თავად ტეგები არ არის ნაჩვენები, მაგრამ ისინი გავლენას ახდენენ დოკუმენტის ჩვენებაზე.

ტეგები ასოცირდება დოკუმენტის კონკრეტულ ფრაგმენტთან და მიუთითებს, თუ როგორ არის ამ ფრაგმენტების შინაარსი გარედან წარმოდგენილი და ინტერპრეტირებული ვებ კლიენტის მიერ.

ფუნქციური თვალსაზრისით, HTML ტეგები შეიძლება დაიყოს შემდეგ კატეგორიებად:

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

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

ტექსტის ფორმატირების ტეგები, რომლებიც აღწერს შრიფტების, ფერების და ა.შ. პარამეტრებს;

თეგები ჰიპერბმულების ორგანიზებისთვის;

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

ფორმის შექმნის ტეგები, რომლებიც მომხმარებელს საშუალებას აძლევს შეიყვანოს ინფორმაცია და გადააგზავნოს იგი ვებ სერვერზე;

HTML-ის ძირითად ვერსიას აქვს მთელი რიგი უარყოფითი მხარეები:

ინსტრუმენტების ნაკლებობა, რომელიც საშუალებას გაძლევთ დინამიურად გააკონტროლოთ დოკუმენტის გარეგნობა;

ინსტრუმენტების ნაკლებობა, რომელიც საშუალებას გაძლევთ მარტივად შეცვალოთ ვებ დოკუმენტების გარე დიზაინი თავად დოკუმენტის შეცვლის გარეშე, მაგალითად, სტილის ფურცლები;

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

ამჟამად, არსებობს მრავალი HTML გაფართოება, ისევე როგორც სხვადასხვა ტექნოლოგიების ნაკრები, რომელსაც შეუძლია გადალახოს ენის ძირითადი ვერსიის ნაკლოვანებები.

ტეგის ატრიბუტები

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

! ატრიბუტები არის დამატებითი საკვანძო სიტყვები, რომლებიც გამოყოფილია ტეგის განმსაზღვრელი საკვანძო სიტყვიდან და სხვა ატრიბუტებიდან ინტერვალით და განთავსებულია სიმბოლოს წინ ">", რომელიც ამთავრებს ტეგს. ზოგიერთი ატრიბუტის გამოყენების გზა მოითხოვს ატრიბუტის მნიშვნელობის მითითებას. ატრიბუტის მნიშვნელობა გამოყოფილია ატრიბუტის საკვანძო სიტყვისგან "=" (თანაბარი ნიშანი) სიმბოლოთი და ჩასმულია ბრჭყალებში.

ელემენტის ატრიბუტები განსაზღვრავს მის თვისებებს.

ტეგების მაგალითები ატრიბუტებით:

– ადგენს ღია ცისფერ ფონს დოკუმენტს,

ტექსტი – დაწყვილებული ტეგი, ავალებს ბრაუზერს გამოაჩინოს „კონტეინერში“ ჩასმული ტექსტი საბაზისო ზომასთან შედარებით გაზრდილი სიმბოლოებით (SIZE="+2") და წითელი ფერით (COLOR="RED").

ატრიბუტის მნიშვნელობა უნდა იყოს ჩასმული ბრჭყალებში, მაგრამ ხშირ შემთხვევაში ციტატების გამოტოვება შეიძლება ყოველგვარი ზიანის გარეშე.

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

HTML საფუძვლები შეიცავს HTML ენის ძირითად წესებს, HTML გვერდის სტრუქტურის აღწერას და HTML დოკუმენტის სტრუქტურაში არსებულ ურთიერთობებს HTML ელემენტებს შორის.

HTML დოკუმენტი არის ჩვეულებრივი ტექსტური დოკუმენტი, რომელიც შეიძლება შეიქმნას ჩვეულებრივ ტექსტურ რედაქტორში (Notepad) ან სპეციალიზებულში კოდის მონიშვნით (Notepad++, Visual Studio Code და ა.შ.). HTML დოკუმენტს აქვს .html გაფართოება.

HTML დოკუმენტი შედგება HTML ელემენტებისა და ტექსტის ხისგან. თითოეული ელემენტი იდენტიფიცირებულია საწყის დოკუმენტში დაწყების (გახსნის) და დასასრულის (დახურვის) ტეგით (იშვიათი გამონაკლისის გარდა).

დაწყების ტეგი აჩვენებს სად იწყება ელემენტი, დასასრულის ტეგი აჩვენებს სად მთავრდება. დახურვის ტეგი იქმნება თეგის სახელის წინ ხაზის დამატებით: .... დაწყებისა და დახურვის ტეგებს შორის არის ტეგის შინაარსი - შინაარსი.

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

ტეგები შეიძლება იყოს ჩასმული ერთმანეთში, მაგალითად,

ტექსტი

. ინვესტიციის დროს უნდა დაიცვათ მათი დახურვის თანმიმდევრობა („მატრიოშკას“ პრინციპი), მაგალითად, შემდეგი ჩანაწერი არასწორი იქნება:

ტექსტი

.

HTML ელემენტებს შეიძლება ჰქონდეთ ატრიბუტები (გლობალური, გამოიყენება ყველა HTML ელემენტზე და საკუთარი). ატრიბუტები იწერება ელემენტის გახსნის ტეგში და შეიცავს სახელს და მნიშვნელობას, რომელიც მითითებულია ფორმატის ატრიბუტი name="value" . ატრიბუტები საშუალებას გაძლევთ შეცვალოთ იმ ელემენტის თვისებები და ქცევა, რომლისთვისაც ისინი დაყენებულია.

თითოეულ ელემენტს შეიძლება მიენიჭოს მრავალი კლასის მნიშვნელობა და მხოლოდ ერთი id მნიშვნელობა. მრავალი კლასის მნიშვნელობა იწერება, გამოყოფილი ინტერვალით, . კლასის და ID მნიშვნელობები უნდა შედგებოდეს მხოლოდ ასოებისგან, რიცხვებისგან, დეფისისაგან და ქვედა ხაზისგან და უნდა დაიწყოს მხოლოდ ასოებით ან ციფრებით.

ბრაუზერი ნახულობს (ინტერპრეტაციას უკეთებს) HTML დოკუმენტს, აშენებს მის სტრუქტურას (DOM) და აჩვენებს მას ამ ფაილში შეტანილი ინსტრუქციების შესაბამისად (სტილის ცხრილები, სკრიპტები). თუ მარკირება სწორია, ბრაუზერის ფანჯარაში გამოჩნდება HTML გვერდი, რომელიც შეიცავს HTML ელემენტებს - სათაურებს, ცხრილებს, სურათებს და ა.შ.

ინტერპრეტაციის პროცესი (პარსინგი) იწყება ვებ გვერდის ბრაუზერში სრულად ჩატვირთვამდე. ბრაუზერები ამუშავებენ HTML დოკუმენტებს თანმიმდევრულად, თავიდანვე, CSS დამუშავებისას და სტილის ფურცლების გვერდის ელემენტებთან დაკავშირებისას.

HTML დოკუმენტი შედგება ორი განყოფილებისგან - სათაური - ტეგებს შორის ... და შინაარსის ნაწილი - ტეგებს შორის ....

ვებ გვერდის სტრუქტურა 1. HTML დოკუმენტის სტრუქტურა

HTML მიჰყვება დოკუმენტის ტიპის დეკლარაციის ფაილში მოცემულ წესებს (დოკუმენტის ტიპის განმარტება, ან DTD). DTD არის XML დოკუმენტი, რომელიც განსაზღვრავს რომელი ტეგები, ატრიბუტები და მათი მნიშვნელობები მოქმედებს კონკრეტული HTML ტიპისთვის. HTML-ის თითოეულ ვერსიას აქვს საკუთარი DTD.

DOCTYPE პასუხისმგებელია ბრაუზერის მიერ ვებ გვერდის სწორად ჩვენებაზე. DOCTYPE განსაზღვრავს არა მხოლოდ HTML ვერსიას (მაგ. html), არამედ შესაბამის DTD ფაილს ინტერნეტში.

...

ტეგის შიგნით ელემენტები ქმნიან დოკუმენტის ხეს, ეგრეთ წოდებულ დოკუმენტის ობიექტის მოდელს, DOM (დოკუმენტის ობიექტის მოდელი). ამ შემთხვევაში, ელემენტი არის ძირეული ელემენტი.

ბრინჯი. 1. ვებ გვერდის უმარტივესი სტრუქტურა

ვებგვერდის ელემენტების ურთიერთქმედების გასაგებად, აუცილებელია ელემენტებს შორის ე.წ. „ოჯახური ურთიერთობების“ გათვალისწინება. მრავალრიცხოვან ბუდებულ ელემენტებს შორის ურთიერთობები კლასიფიცირდება როგორც მშობელი, შვილი და და.

წინაპარი არის ელემენტი, რომელიც შეიცავს სხვა ელემენტებს. სურათზე 1, ყველა ელემენტის წინაპარი არის . ამავდროულად, ელემენტი არის ყველა იმ ტეგის წინაპარი, რომელიც მას შეიცავს:

, და ა.შ.

შთამომავალი არის ელემენტი, რომელიც მდებარეობს ერთი ან რამდენიმე ელემენტის ტიპში. მაგალითად, არის შთამომავალი და ელემენტი

ორივეს შთამომავალია და.

მშობელი ელემენტი არის ელემენტი, რომელიც დაკავშირებულია სხვა ელემენტებთან ქვედა დონეზე და მდებარეობს მათ ზემოთ ხეში. სურათზე 1 და. მონიშნეთ

არის მშობელი მხოლოდ.

ბავშვის ელემენტი არის ელემენტი, რომელიც პირდაპირ ექვემდებარება სხვა ელემენტს უფრო მაღალ დონეზე. სურათზე 1 არის მხოლოდ ელემენტები, ,

და არიან შვილები.

დის ელემენტი არის ელემენტი, რომელსაც აქვს საერთო მშობელი ელემენტი განსახილველთან, ე.წ. იმავე დონის ელემენტებთან. სურათზე 1 და არის იმავე დონის ელემენტები, ასევე ელემენტები და

ისინი ერთმანეთის დები არიან.

1.1. ელემენტი 1.2. ელემენტი

განყოფილება ... შეიცავს ტექნიკურ ინფორმაციას გვერდის შესახებ: სათაური, აღწერა, საკვანძო სიტყვები საძიებო სისტემებისთვის, კოდირება და ა.შ. იქ შეყვანილი ინფორმაცია არ არის ნაჩვენები ბრაუზერის ფანჯარაში, მაგრამ შეიცავს ინფორმაციას, რომელიც ეუბნება ბრაუზერს როგორ დაამუშავოს გვერდი.

1.2.1. ელემენტი

სექციის საჭირო ტეგი არის . ამ ტეგის შიგნით განთავსებული ტექსტი გამოჩნდება ვებ ბრაუზერის სათაურის ზოლში. სათაური უნდა შედგებოდეს არაუმეტეს 60 სიმბოლოსგან, რათა სრულად მოთავსდეს სათაურში. სათაურის ტექსტი უნდა შეიცავდეს ვებგვერდის შინაარსის ყველაზე სრულ აღწერას.

1.2.2. ელემენტი

არჩევითი სექციის ტეგი არის ერთი ტეგი. მისი დახმარებით შეგიძლიათ დააყენოთ გვერდის შინაარსისა და საკვანძო სიტყვების აღწერა საძიებო სისტემებისთვის, HTML დოკუმენტის ავტორი და სხვა მეტამონაცემების თვისებები. ელემენტი შეიძლება შეიცავდეს რამდენიმე ელემენტს, რადგან ისინი ატარებენ განსხვავებულ ინფორმაციას გამოყენებული ატრიბუტების მიხედვით.

გვერდის შინაარსისა და საკვანძო სიტყვების აღწერა შეიძლება ერთდროულად რამდენიმე ენაზე იყოს მითითებული, მაგალითად, რუსულ და ინგლისურ ენებზე:

ტეგის გამოყენებით შეგიძლიათ დაბლოკოთ ან დაუშვათ ვებ გვერდის ინდექსირება საძიებო სისტემებით:

გვერდის ავტომატურად გადასატვირთად განსაზღვრული დროის შემდეგ, თქვენ უნდა გამოიყენოთ განახლების მნიშვნელობა:

გვერდი ხელახლა ჩაიტვირთება 30 წამის შემდეგ. ვიზიტორის სხვა გვერდზე გადამისამართებლად, თქვენ უნდა მიუთითოთ URL url პარამეტრში: