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

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

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

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

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

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

ვებ-გვერდის დემონსტრირების პროგრამა ვებ-ბრაუზერს უწოდებენ.

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

HTML საშუალებას გაძლევთ:

· ფორმატი ტექსტი;

· სურათების, მულტიმედია დოკუმენტში;

· ამ ენაზე შექმნილია ჰიპერტექსტის ბმულები სხვა ვებ-გვერდებზე.

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

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

როგორც წესი, ვებ-გვერდის ფაილი აქვს extension.html or.htm.

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

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

ვებ გვერდი

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

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

უმეტეს შემთხვევაში ინტერნეტში, ერთი ნახვა შეესაბამება ერთ დომენას. ეს არის დომენური სახელები, რომ საიტები გლობალურ ქსელში არიან განსაზღვრული. სხვა ვარიანტი შესაძლებელია: ერთი საიტი რამდენიმე დომენზე ან რამდენიმე ადგილას ერთი დომენის ქვეშ. როგორც წესი, რამდენიმე დომენები იყენებენ დიდ საიტებს (ვებ პორტალებს) ლოგიკურად ცალკე სხვადასხვა ტიპის მომსახურებას (Mail.yandex.ru, news.yandex.ru, auto.yandex.ru). ხშირად, ინდივიდუალური დომენების გამოყოფის შემთხვევები სხვადასხვა ქვეყნებისთვის ან ენებისათვის. მაგალითად, Google.ru და Google.FR ლოგიკურად Google Site სხვადასხვა ენებზე, მაგრამ ტექნიკურად ეს არის სხვადასხვა საიტები. ერთი დომენის რამდენიმე ადგილის კომბინაცია უფასო ჰოსტინგის დამახასიათებელია. მასპინძელი მას შემდეგ, რაც მასპინძელი მითითებულია მისამართების იდენტიფიცირება, Tilda ღირს საიტი და საიტის სახელი: example.Com/~my-site-name/.

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

რა არის ვებ გვერდი?

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

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

საიტის სტრუქტურის ვებ-გვერდის ადგილი და როლი

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

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

ჰიპერტექსტის გამოყენების პრინციპი

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

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

HTML ენის სტრუქტურა: Tags

როგორ ბრაუზერმა წაიკითხავს საჭირო მონაცემები ვებ-გვერდის შესახებ HTML- ში შედგენილი დოკუმენტის შესახებ? Ძალიან მარტივი.

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

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

ატრიბუტები

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

კმაყოფილი

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

Ვებ გვერდები

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

ვებ გვერდები: ჰედერი

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

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

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

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

ვებ-გვერდის უმეტესი ნაწილი

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

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

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

ძირითადი HTML ტეგები

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

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

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

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

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

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

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

ვებ-გვერდის სპეციფიკა

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

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

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

ვებ გვერდი შეიძლება შეიცავდეს ტექსტს, გრაფიკას და ჰიპერბმულებს სხვა გვერდებსა და ფაილებს.

როგორ გახსნა ვებგვერდი

ვებ-გვერდის სანახავად მოითხოვს ბრაუზერს ( მაგალითად, Internet Explorer, Edge, Safari, Firefox ან Chrome). ბრაუზერში, შეგიძლიათ გახსნათ ვებგვერდი URL მისამართის ბარის მითითებით. მაგალითად, დანერგვა " https://www.computerhope.com/esd.htm"თქვენ გახსნით ESD Computer Hope Page- ს.

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

როდის იყო პირველი ვებ გვერდი შეიქმნა?

პირველი ვებ გვერდი შეიქმნა Cern Tim Berners-Lee 1991 წლის 6 აგვისტო. სანამ შეგიძლიათ ეწვიოთ და იხილოთ პირველი საიტი და პირველი ვებგვერდი http://info.cern.ch/.

რა განსხვავებაა საიტზე და ვებ-გვერდზე?

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

ზემოთ მოყვანილ მაგალითში URL.HTM URL არის ვებგვერდი, ეს ყოველთვის არის URL- ის ბოლო ნაწილი. URL- ებისთვის, რომლებსაც არ აქვთ დაბოლოებები .htm, .html, .php, .cgi, .PGI, .PGI, ან სხვა ფაილის გაფართოება, სერვერი იტვირთება ინდექსში. მაგალითად, საკონტაქტო გვერდის URL- ისთვის, არ არსებობს ვებ გვერდი. ამ შემთხვევაში, ნაგულისხმევი ინდექსი ფაილი / საკონტაქტო დირექტორია დატვირთული.

ნიმუშის ვებ გვერდები

უკვე აღვნიშნეთ, რომ ბრაუზერები ვებ გვერდების სანახავად იყენებენ. ვებგვერდი შედგება რამდენიმე ელემენტისგან, მათ შორის CSS, სურათები და JavaScript. ვებ-გვერდის სხეული შეიქმნა HTML- ის გამოყენებით. ეს კოდი შეიძლება შეიქმნას HTML რედაქტორის გამოყენებით, რომელიც დაწერილია პირის მიერ ან სერვერის სკრიპტების გამოყენებით. როგორც წესი, პირის მიერ შექმნილი ვებგვერდი მთავრდება გაფართოებით .htm ან .html. მაგალითად, ამ გვერდზე აქვს ფაილის სახელი " webpage.htm." სკრიპტის მიერ წარმოქმნილი გვერდები შეიძლება დასრულდეს .cgi, .php, .pl და ა.შ.

რა ელემენტები შეიცავს ვებ გვერდს?

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

  1. საიტის სათაური, ლოგო ან კომპანიის სახელი თითქმის ყოველთვის არის თითოეული ვებ გვერდის ზედა მარცხენა კუთხეში. ასევე სასიამოვნოა გამოიყენოთ სლოგანი ან მოკლე აღწერა გვერდზე, რათა ახალი სტუმრები იდეა საიტი. ეს ვებ-გვერდის ელემენტი, როგორც წესი, ბმული, რომელიც მთავარ გვერდზე მივყავართ;
  2. ძიების ბარი საშუალებას იძლევა სტუმრებს სწრაფად იპოვონ ვებგვერდი. ეს უნდა იყოს თითოეულ გვერდზე;
  3. ნავიგაციის პანელი ან მენიუ, როგორც წესი, თითოეული ვებ გვერდის ზედა ან მარცხენა ნაწილში. ეს უნდა შეიცავდეს ვებ-გვერდს თითოეულ ძირითად მონაკვეთს;
  4. სარეკლამო ბანერები ვებ-გვერდზე სხვადასხვა ადგილას გამოჩნდება. ჩვეულებრივ, ისინი ვებ-გვერდის ზედა, მარცხნივ, მარჯვნივ ან ქვედა ნაწილში არიან ნაჩვენები ან შედის მთავარ შინაარსში;
  5. სოციალური ღილაკები საშუალებას მისცემს სტუმრებს სოციალური ქსელების ვებ-გვერდზე ბმულების გაზიარება;
  6. შექმნილი ვებ გვერდებზე, პურის ნამსხვრევები ეხმარებიან სტუმარს გასაგებად, სადაც მდებარეობს, ისევე როგორც სხვა მონაკვეთებზე;
  7. სათაური უნდა იყოს თითოეული ვებ გვერდის ზედა ნაწილში. იგი შეიქმნა გამოყენებით HTML tag

    .

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

    ;
  10. კარგი იდეაა, რომ სია ბმული ან ღილაკი გადამისამართება გამოხმაურების ფორმა ისე, რომ მათ შეუძლიათ აცნობონ, თუ ეს ვებ გვერდი სასარგებლოა თუ არა;
  11. დამატებითი ინფორმაცია და ინსტრუმენტები, როგორიცაა ბეჭდვის ღილაკი, ასევე შეიძლება სასარგებლო იყოს მომხმარებლებისთვის;
  12. ქვემოდან უნდა შეიცავდეს დამატებით ინფორმაციას, რაც მნიშვნელოვანია კომპანიის ან საიტისთვის. ასევე სხვა ვებ-გვერდებზე კავშირები;
  13. საავტორო უფლებები და ნებისმიერი იურიდიული ან კონფიდენციალური შეტყობინება ასევე უნდა გამოქვეყნდეს ყველა ვებ-გვერდზე. ვებ გვერდების შემუშავების საფუძვლებში, ეს საქონელი არა მარტო შესაბამის სამართლებრივ ინფორმაციას ითხოვს. ის ასევე მიუთითებს, რომ სტუმრებს მიაღწიეს ვებ-გვერდის ბოლოს;
  14. Page Up Button- ს შეუძლია დაეხმაროს სტუმრებს სწრაფად დაბრუნდეს ვებ-გვერდის ზედა ნაწილში მენიუს ბმულების შესასვლელად.

რა შეუძლია მომხმარებლებს ვებ-გვერდზე?

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

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

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

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

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

ყველა tags HTML დაყოფილია ორ ტიპად - ეს არის დაწყვილებული და unpaired. წყვილი ითვლება, რომ აღმოჩენის ტეგი მოითხოვს დახურვის ტეგს. დახურული tags in HTML აღინიშნება და წერილობითი ასე . Unpaired tags არ საჭიროებს დახურვის tag. ასეთი tags მაგალითი არის გადაცემის tag შემდეგ ხაზი
. ასევე არსებობს სავალდებულო tags, რომელიც უნდა იქნას გამოყენებული ყველა გვერდებზე და სურვილისამებრ, რომლებიც გამოიყენება სურვილით.

HTML - ჰიპერ ტექსტის მარკირების ენა. ვებ გვერდი (HTML დოკუმენტი) არის HTML * .htm ან * .html ფორმატში, რომელიც მდებარეობს მსოფლიო ქსელში (www). WWW - მსოფლიო ქსელში, განაწილებული ჰიპერტექსტის დოკუმენტის დაშვების სისტემა, ინტერნეტში არსებული. ტექსტის გარდა ვებ-გვერდი შეიძლება შეიცავდეს ჰიპერტექსტის ბმულებს, რომელთანაც შეგიძლიათ სხვა ვებ-გვერდებზე გადაადგილება და მათი ნახვა. ვებ გვერდი შეიძლება შეიცავდეს ჩანართებს გრაფიკის, ანიმაციის, ვიდეო კლიპებისა და მუსიკის სახით. ვებ გვერდების სანახავად შეგიძლიათ გამოიყენოთ, მაგალითად, Microsoft Internet Explorer ან Netscape Navigator, Opera (Viewer ან Browser). HTML ენა საშუალებას: 1) შექმნა და რედაქტირება ვებ გვერდები, მათ შორის თქვენი სახლის ვებ გვერდზე, რომელიც შემდეგ შეიძლება განთავსდეს ინტერნეტში; 2) ინტერნეტში მიღებული HTML დოკუმენტების რედაქტირება ისე, რომ ფუნქციონირებს ყველა ობიექტი (სურათები, ანიმაცია და ა.შ.). 3) შექმნა მულტიმედიური პრეზენტაციები, სლაიდები, დემონსტრაციის პროექტები, ჰიპერტექსტის ბმულების წყალობით და HTML ნახატების, სქემების, ანიმაციის, ვიდეო კლიპების, მუსიკალური და სიტყვის მხარდაჭერის, ტექსტის სპეციალური ეფექტების (მაგალითად, გაშვების სიმებიანი) HTML დოკუმენტში. არსებობს სამი ძირითადი გზა, რათა შეიქმნას ვებ გვერდები (ან HTML დოკუმენტები): 1) გამოყენებით Notepad ტექსტური რედაქტორი (Notepad) აშენდა Windows- ში, და შედეგების ნახვა ბრაუზერის გამოყენებით. ეს მარტივი გზა რეკომენდირებულია დამწყებთათვის. ვებ-გვერდის შექმნის ამ მეთოდის ტექნოლოგია ასეთია: Notepad რედაქტორი, ვებ-გვერდის ფაილი შეიქმნა, რომელიც შენახულია * .htm გაფართოება. მაშინ ეს ფაილი დატვირთულია და იხილავთ Internet Explorer- ს მიერ. მოვუწოდებთ რედაქტორის Notepad- ს, რათა შეამოწმოთ ვებ-გვერდის ფაილი Internet Explorer- ში, მენიუს ნივთის ნახვა, წყარო ან HTML გამოიყენება. ფაილის გადაღების შემდეგ რედაქტირებული გვერდი რედაქტირებული გვერდის სანახავად, თქვენ უნდა დააჭიროთ F5 გასაღები ან "განახლება" ღილაკს Internet Explorer Toolbar- ში. 2) სპეციალური HTML დოკუმენტის რედაქტორების გამოყენებით, როგორიცაა ცხელი ლითონის სინათლე, ცხელი ძაღლი პროფესიონალი, MS წინა გვერდი, HTMLPAD და ა.შ. 3) Word-97 რედაქტორის გამოყენებით, სადაც შეიქმნა დოკუმენტის ტექსტი, რომელიც შემდეგ გარდაიქმნება HTML ფორმატი. განიხილეთ HTML ენის ძირითადი კონცეფციები. 1. ელემენტი არის HTML ენის დიზაინი, ან კონტეინერი, რომელიც შეიცავს მონაცემებს. ვებ გვერდი არის ელემენტების კომპლექტი. 2. ტეგი არის ელემენტის დაწყებული და დამთავრებული მარკერები. Tags განსაზღვრავს ელემენტების საზღვრებს და ერთმანეთისგან განსხვავებულ ელემენტებს. ვებ-გვერდის ტექსტში, tags შედგება კუთხოვანი ფრჩხილებში, მაგალითად: . საბოლოო tag ყოველთვის მიეწოდება oblique ფუნქცია:. 3. ჰიპერბმულის - ტექსტის ფრაგმენტი, რომელიც არის სხვა ფაილის ან ობიექტის მაჩვენებელი. ჰიპერბმულებს საშუალებას მოგცემთ გადავიდეთ ერთი დოკუმენტიდან მეორეზე. 4. ჩარჩო - ჰიპერტექსტის დოკუმენტის ფართობი მისი გადახვევის ბარებით. 5. აპლეტი არის კლიენტის კომპიუტერზე გადაცემული პროგრამა, როგორც ცალკე ფაილი და დაიწყო ვებ-გვერდის ნახვისას. 6. Script არის პროგრამა, რომელიც შედის ვებ გვერდზე, რათა გააფართოვოს თავისი შესაძლებლობები. 7. ჩამოტვირთეთ (ჩამოტვირთეთ) - კლიენტის კომპიუტერზე ვებ-სერვერის დოკუმენტის კოპირება. ატვირთვა - კლიენტის კომპიუტერის დოკუმენტის გადაღება ვებ-სერვერზე - გამოიყენება საკუთარი ვებ-გვერდის შექმნისას (I.E., როდესაც გამოქვეყნდა). განვიხილოთ ტიპიური მარტივი HTML დოკუმენტის ზოგადი სტრუქტურა: კომენტირება დოკუმენტის სახელი აქ არის HTML დოკუმენტის ტექსტი. უმარტივესი HTML დოკუმენტის ნახვა ჩვენ მოგვცემს განმარტებას მითითებულ HTML დოკუმენტში. ან - კომენტარი დოკუმენტში. იგი იგნორირებულია ბრაუზერის მიერ. კომენტარი არ არის სავალდებულო და შეიძლება არ იყოს. - იდენტიფიკატორი მთელი HTML ბრძანების ბლოკი. - HTML დოკუმენტის სათაურის იდენტიფიკატორი. - ნახვის სათაურის იდენტიფიკატორი. <META> - ეს გადაუხდელი საკვანძო ვრცელდება დოკუმენტის შესახებ დეტალური ინფორმაცია. <BODY> - HTML ბრძანება იდენტიფიკატორი ნახვისთვის. სამი ძირითადი tags <HTML>, <HEAD> და <BODY> ბრაუზერისთვის ძირითადი ინფორმაცია გადასცემს დოკუმენტის იდენტიფიცირებას და ორგანიზებას. ყველა მითითებული tags არიან დაწყვილებული, რომ არის, თითოეული მათგანი მთავრდება ბოლომდე tag ერთად slash. ყველა გუნდი შეიძლება დაიწეროს როგორც პატარა ასოებით და დიდი. <u>განვიხილოთ ტექსტური ნაკადი ფორმატირება Tags:</u> <P>გვიან პარაგრაფის იდენტიფიკატორი. <BR> - row თარგმანი იდენტიფიკატორი. <HR> - ჰორიზონტალური ხაზის გამოსახულების იდენტიფიკატორი. ეს tags არის ერთი, ანუ. Unpaired, ისინი არ საჭიროებს tags ერთად slash. <PRE>გათბობის შრიფტის მონტაჟი. დასასრულს გჭირდებათ ტეგი</PRE>. განვიხილოთ წყვილი tags ფორმატირება სათაურები და სუბტიტრები დოკუმენტის: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. ამავდროულად, სათაურები დიდი ასოებით მოუტანს და ტეგის ზომას <H1> იქნება ყველაზე დიდი, <H2> ნაკლებად, U. <H3> კიდევ უფრო ნაკლები და ა.შ. განვიხილოთ დაწყებული ტექსტური სიმბოლო ფორმატირება Tags: <B> - Califle შრიფტის იდენტიფიკატორი. <strong> - შერჩეული შრიფტის იდენტიფიკატორი. <i> - იდენტიფიკატორის წყევლა. <U> - underscore. <s> - იდენტიფიკატორი იდენტიფიკატორი. <tt> - იდენტიფიკატორი შრიფტი (teletype ან კურიერი). <big> - განსაზღვრავს გაზრდილი შრიფტის ზომა. <small> - განსაზღვრავს შრიფტის ზომა. <CENTER> - განსაზღვრავს ტექსტის ცენტრს. <sub> - განსაზღვრავს ქვედა ინდექსს. მაგალითი: X. <sub>1</sub>+ X. <sub>2</sub>\u003d X. <sub>3</sub> <sup> - განსაზღვრავს ზედა ინდექსს. მაგალითი: Pythagora თეორემა <sup>2</sup>+ ბ <sup>2</sup>\u003d C. <sup>2 მაგალითი მაგალითი ტექსტური ნაკადი ფორმატირების ტეგები. <u>განვიხილოთ პუნქტის ფორმატირება Tags:</u> <p align=left>მარცხენა ზღვარზე პარაგრაფში ტექსტი. <p align=right>ტექსტის გასწორება პუნქტში მარჯვენა ზღვარზე. <p align=center>ცენტრში პუნქტში ტექსტის გამტარუნარიანობა. <p align=justify>ეკრანის ორივე კიდეების სრული დონე. გასწორება - განლაგების ატრიბუტი. <u>განვიხილოთ სიები tags.</u> ისინი სტრუქტურული ინფორმაციის ვიზუალური ეკრანის გზაა. უბრძანა სიები ემსახურება წარმატებულ ოპერაციებს ან ალგორითმებს. ბრაუზერი ავტომატურად ქმნის ნომრებს თითოეულ პუნქტში სიაში. <OL> - იდენტიფიკატორის შეკვეთილი სია. Ბოლოში</OL>. უწესრიგო სიები ემსახურება სიების შედგენას, როდესაც პუნქტების შეკვეთა უმნიშვნელოა. სანამ თითოეული ელემენტი დადგება სპეციალური სიის ხატი (წერტილი). <UL> - უწესრიგო სიის იდენტიფიკატორი. Ბოლოში</UL>. ცალკეული ელემენტები უბრძანა და უწესრიგო სიებში აღინიშნება ერთი ტეგით <LI>და ელემენტები განსაზღვრება სიებში <DL> Tegs <DT> ტერმინი I. <DD> ტერმინის მნიშვნელობით. <LI> - იდენტიფიკატორი ელემენტი უბრძანა და უწესრიგო სიაში. სასრული</LI> შეიძლება გამოტოვებული იყოს. განმარტება სიები გთავაზობთ სპეციალურ გაფორმებას, როგორც ლექსიკონებს, ტერმინებსა და მასთან დაკავშირებულ აღწერას. <DL> - განმარტება სია იდენტიფიკატორი. Ბოლოში</DL>. <DT> - განსაზღვრების სიაში ვადის იდენტიფიკატორი. <DD> - განმარტებების სიაში ვადის ღირებულებების იდენტიფიკატორი. განმარტება სიებს აქვს ფორმა: <DL> <DT> ვადის სახელი 1. <DD> ტერმინი 1. <DD> კიდევ ერთი განმარტება ტერმინი 1 .....</DL> გამოყენების სიები tags გადმოცემულია მაგალითები 4 და 5. მაგალითი გამოყენებით სიები tags. <u>ზოგიერთი ყველაზე მნიშვნელოვანი HTML ტეგები</u> <BODY bgcolor="teal" text="aqua" link="red"> - განსაზღვრავს ტექსტის ფერი (ტექსტი), ფონის ფერი (BGCOLOR) და ჰიპერტექსტის ბმულის ფერი (ბმული). მიუთითეთ მეტი გათეთრება \u003d "" და ვლინკი \u003d "" წყარო აქტიური და ეწვია ბმულები. <BODY background="back.jpg"> - განსაზღვრავს ფონზე ნახაზი (ფონი) ვებ გვერდზე ფაილის უკან. <BODY background="/windows/tartan.bmp"> - ფონური ნახაზი (ფონი) აღებულია tartan.bmp ფაილიდან და ამ ფაილის გზა მითითებულია. <font color="yellow" size=5> - განსაზღვრავს ტექსტის სიმბოლოების ფერი (ფერადი ატრიბუტი) და მათი ზომა (ზომის ატრიბუტი). დასასრულს გჭირდებათ ტეგი</font>. <hr color="lime"> - განსაზღვრავს ჰორიზონტალურ ხაზს. <hr color="red" size=3 width=220 align=center> - ზომა \u003d n ატრიბუტი ადგენს ხაზის სისქეს პიქსელებში; სიგანე \u003d M ატრიბუტი ადგენს ხაზის სიგრძე პიქსელებში; გასწორება \u003d ცენტრი (ან მარცხნივ ან მარჯვნივ) ატრიბუტი ადგენს ხაზის ოფსეტს (მის ადგილს ცენტრში, ან მარცხნივ მარცხნივ ან მარჯვნივ). <img src='/sozdanie-dokumentov-v-html-sozdanie-pervoi-veb-stranicy-i-abzac.html' loading=lazy loading=lazy> - გრაფიკული გამოსახულების ჩასმა, როგორც lycos.gif ფაილი. არსებობს ანიმაციური GIF ფაილები. თქვენ ასევე შეგიძლიათ გამოიყენოთ გრაფიკული ფაილები * .jpg ფორმატში (ან * .jpeg), * .bmp.<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="dsperelink"> <div class="read-analog"> <style> </style> <style> #perelink-horizontal { vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 192px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img { width: 192px; height: 192px; margin-bottom: 10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ka/chto-nuzhno-dlya-sozdaniya-registratora-domenov-biznes-po-pereprodazhe.html"> <img src="/uploads/7b9f98934aa10459fbea2486aad25259.jpg" height="192" width="192" loading=lazy loading=lazy> <span>დომენის სახელი Reseller ბიზნესი: რჩევები, რეგისტრატორის არჩევანი</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ka/vstrechi-i-znakomstva-flirchi-znakomstva-bez-registracii-flirchi-ukrainskaya.html"> <img src="/uploads/759a1b1dcf278bda378b922286ca0a0a.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Flirtic Dating რეგისტრაციის გარეშე Flirchi უკრაინული ვერსია</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ka/bezopasnost-oblachnyh-hranilishch-kak-naiti-v-kompyutere-oblako-oblachnoe.html"> <img src="/uploads/53098a0c5505665e1010c9451e298d86.jpg" height="192" width="192" loading=lazy loading=lazy> <span>როგორ მოვძებნოთ ღრუბელი შენახვის ღრუბელში</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/ka/chto-vhodit-v-ponyatie-orgtehnika-spisok-chto-podrazumevaetsya-pod.html"> <img src="/uploads/a5a7fd2cf0cfa2c948269fa826ec094b.jpg" height="192" width="192" loading=lazy loading=lazy> <span>რა იგულისხმება ოფისის აპარატის ოფისში და რა არის საჭირო</span> </a> </div> </div> </div> </div> </div> </article> </div> </section> <aside class="col-xs-12 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> <div class="mainnavbar side-box clear"> <div id="nav_menu-2" class="side-box_b"> <div class="menu-sidenav-container"> <ul id="menu-sidenav" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/total/">საერთო</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/hard-drive/">HDD</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/different/">miscellanea</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/windows/">ქარხანა</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/apple/">ვაშლი.</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/android/">Androd</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/browsers/">ბრაუზერები</a> </li> </ul> </div> </div> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">ტოპ 5:</span> <ul class="textw_a clear"> <li><a href="https://olympsb.ru/ka/kak-sdelat-zvuk-na-kompyutere-gromche-esli-vs-na-maksimume-chto-delat-esli.html">რა უნდა გააკეთოს, თუ მშვიდი ხმის ყურსასმენები არის გზამკვლევი გაზრდის მოცულობა ხმის თუ როგორ უნდა ყურსასმენები კი ხმამაღალი</a></li> <li><a href="https://olympsb.ru/ka/sozdanie-dokumentov-v-html-sozdanie-pervoi-veb-stranicy-i-abzac.html">შექმნა პირველი ვებ გვერდი და ტექსტი პუნქტი მეშვეობით</a></li> <li><a href="https://olympsb.ru/ka/sql-uporyadochit-po-vozrastaniyu-rabota-s-bazoi-dannyh.html">SQL Streamline აღმავალი</a></li> <li><a href="https://olympsb.ru/ka/chto-daet-obnovlenie-biosa-nuzhno-li-obnovlyat-bios-chto-dast-proshivka.html">მჭირდება BIOS- ის განახლება, რომელიც BIOS Firmware- ს აძლევს</a></li> <li><a href="https://olympsb.ru/ka/diagnostika-materinskoi-platy-noutbuka-akkumulyator-noutbuka-sbros.html">ლეპტოპი ბატარეა: გადატვირთეთ კონტროლერი, firmware და zeroing Lenovo ლეპტოპი Power Controller</a></li> </ul> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">ბოლო მასალები:</span> <ul> <li> <a href="https://olympsb.ru/ka/po-forme-izobrazheniya-informaciya-klassificiruetsya-kak.html" >სურათის ფორმით, ინფორმაცია კლასიფიცირებულია</a> </li> <li> <a href="https://olympsb.ru/ka/bios-nuzhno-li-obnovlyat-stoit-li-obnovlyat-bios-osobennosti-i-nyuansy.html" >არის თუ არა განახლება BIOS - თვისებები და ნიუანსი ღირს განახლება BIOS</a> </li> <li> <a href="https://olympsb.ru/ka/brauzer-gugl-nazyvaetsya-internet-brauzer-google-chrome---polnaya.html" >ინტერნეტ ბრაუზერი Google Chrome - სრული ინფორმაცია და უფასო ჩამოტვირთვა რუსული ვერსია</a> </li> <li> <a href="https://olympsb.ru/ka/kakie-volny-ulavlivaet-televizor.html" >რა ტალღები იჭერს ტელევიზორს</a> </li> <li> <a href="https://olympsb.ru/ka/chto-takoe-brauzer-google-istoriya-brauzera-google-chrome-sozdanie-stanovlenie-i.html" >Google Chrome ბრაუზერის ისტორია: შექმნა, ფორმირება და განვითარება</a> </li> </ul> </div> <div class="side-box clear"> <div id="rexuta2" style="height:800px;width:240px;" align="center"></div> </div> </aside> </section> <div class="footer"> <div id="footer_mainnav" class="mainnav collapse navbar-collapse col-xs-12 col-sm-12"> <ul id="menu-mainnav-1" class="nav navbar-nav navi"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/flash-drives/">ფლეშ დრაივები</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/total/">საერთო</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/hard-drive/">HDD</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/different/">miscellanea</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/ka/category/windows/">ქარხანა</a></li> </ul> </div> <div class="twobl-footer col-xs-12 col-sm-12"> <div class="onef col-xs-12 col-sm-3"> <div class="fool2og log-m_h1"> <img src='/public/logo.png' loading=lazy loading=lazy> </div> <div class="decksite"></div> </div> <div class="twof col-xs-12 col-sm-2"> <ul id="menu-foonav" class="twonavig"> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ka/category/apple/">ვაშლი.</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ka/category/android/">Androd</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ka/category/browsers/">ბრაუზერები</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/ka/category/flash-drives/">ფლეშ დრაივები</a></li> </ul> </div> <div class="treef col-xs-12 col-sm-4"> <ul class="f-post"> <li><a href="https://olympsb.ru/ka/tipy-plotterov-plotter-vidy-i-rabota-primenenie-i-kak-vybrat-osobennosti.html">პლოტერის სახეები. Plotter. სახეები და მუშაობა. აპლიკაცია და როგორ უნდა აირჩიოთ. მახასიათებლები რა არის პლოტერები</a></li> <li><a href="https://olympsb.ru/ka/istoriya-razvitiya-poiskovyh-sistem-poiskovaya-sistema-kakaya.html">საძიებო სისტემა, რომელიც საძიებო სისტემა გამოჩნდა ადრე</a></li> <li><a href="https://olympsb.ru/ka/oshibki-scenariya-v-internet-explorer-prichiny-i-metody-ustraneniya.html">აღმოფხვრის მიზეზები და მეთოდები</a></li> <li><a href="https://olympsb.ru/ka/kak-pravilno-sostavit-title-dlya-stranicy-html-teg-title-effektivno.html">HTML სათაური tag - ეფექტურად გამოიყენოთ გვერდი სათაური</a></li> </ul> </div> <div class="fourf col-xs-12 col-sm-3"> <div class="buth"> <a class="butt-faq buttorang" href="" title="კონტაქტები">კონტაქტები</a> </div> <p class="continfo">კომპიუტერული დახმარება Olympus</div> </div> <div class="tree-footer col-xs-12 col-sm-12 clear"> © 2021. olympsb.ru. კომპიუტერული დახმარება Olympus.</div> </div> <script src="https://olympsb.ru/wp-content/themes/vsepropechen/js/bootstrap.min.js"></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/wp-postratings/postratings-js.js?ver=1.83'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/count.js?ver=4.7.6'></script> <div style="display:none"> <div id="text-3" class="conter-metr"> <div class="textwidget"> </script> </div> </div> </div> <div id="top-link"> <a href="https://olympsb.ru/ka/#top"></a> </div> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </div>