ჰიპერტექსტის მარკირების ენა (HTML) უზრუნველყოფს გვერდის რამდენიმე ფანჯრად - "ჩარჩოებად" დაყოფის შესაძლებლობას. თითოეულ ჩარჩოს შეიძლება ჰქონდეს საკუთარი ინტერნეტ წყარო საჩვენებლად. ეს მექანიზმი შეიძლება გამოყენებულ იქნას სხვა საიტების გვერდების ჩასასმელად თქვენი საიტის გვერდებზე.
Ეს აუცილებელია
ტექსტური რედაქტორი ჩასაწერი
ინსტრუქციები
Ნაბიჯი 1
გვერდის HTML კოდი არის ინსტრუქციის ერთობლიობა ბრაუზერისთვის, სადაც ნათქვამია, სად უნდა იყოს ნაჩვენები გვერდზე და როგორ უნდა გამოიყურებოდეს მისი თითოეული ელემენტი. ამ ინსტრუქციებს ეწოდება "თეგები" და გვერდის შესაქმნელად, რომელიც შეიცავს ერთ ან მეტ სხვას, საჭიროა თეგების შესაბამისი ნაკრების დაწერა. ჩვენ ვიწყებთ თეგებით, რომლებიც ქმნიან კონტეინერს გვერდზე განთავსებული ყველა ჩარჩოსთვის:
ეს არის კონტეინერის გახსნის და დახურვის ტეგები - ჩარჩოების შექმნის ნიშნები უნდა განთავსდეს მათ შორის. HTML– ში ტეგებს აქვთ „ატრიბუტები“- ისინი შეიცავს დამატებით ინფორმაციას გვერდის ელემენტის თვისებების შესახებ, რომლის ჩვენებაც განსაზღვრავს ამ ტეგს. კონტეინერის გახსნის ნიშანში უნდა მიუთითოთ ატრიბუტი, რომელიც შეიცავს ინფორმაციას იმის შესახებ, თუ როგორ უნდა გაანაწილოს ბრაუზერმა გვერდის სივრცე მის ჩარჩოებს შორის:
ამ კოდის ნიმუშის "cols" ატრიბუტი განსაზღვრავს, რომ გვერდი უნდა გაიყოს ვერტიკალურად ორ ჩარჩოად, მარცხნივ იკავებს ფანჯრის სიგანის 20% -ს და მარჯვენა 80% -ს. თუ "cols" ატრიბუტის ნაცვლად მიუთითებთ "rows" ატრიბუტს, მაშინ გვერდი გაიყოფა ჰორიზონტალურად:
რიცხვის ნაცვლად, შეგიძლიათ დაწეროთ ვარსკვლავი (*):
ეს ნიშნავს, რომ მეორე ჩარჩოს გადაეცემა დარჩენილი სივრცე. ჩარჩოს ზომები შეიძლება მიეთითოს არა პროცენტებში, არამედ გაზომვის ერთეულებში, რომლებიც ყველაზე ხშირად გამოიყენება გვერდის განლაგებისას - "პიქსელებში":
ნაბიჯი 2
თავად ჩარჩოს HTML ტეგი, რომელიც უნდა განთავსდეს კონტეინერში, იწერება შემდეგნაირად: "ჩარჩო" ტეგის "src" ატრიბუტი შეიცავს ვებ – გვერდის მისამართს, რომელიც ბრაუზერმა უნდა ჩაწეროს ამ ჩარჩოში. ამ გზით დაწერილ მისამართს ეწოდება "აბსოლუტური" - ის იწყება https:// პროტოკოლით. თუ ეს არის თქვენი საიტის გვერდი და იგი იმავე (ან ქვე საქაღალდეში) საქაღალდეშია, მაშინ არ გჭირდებათ აბსოლუტური მისამართის მითითება, საკმარისია მხოლოდ ფაილის სახელი და ქვესა საქაღალდეში მისასვლელი გზა. ასეთ მისამართს "ნათესავი" ეწოდება: - გვერდზე ჩარჩოებს შორის არსებული საზღვრების შეცვლა მაუსის საშუალებით შეიძლება. Noresize ატრიბუტით ეს ფუნქცია გამორთულია: - ორი ატრიბუტი განსაზღვრავს მინდვრის ზომას ჩარჩოებს შორის - ზღვრის სიმაღლე ადგენს ვერტიკალურ ზღვარს (ზედა და ქვედა), ხოლო ზღვრის სიგანე - ჰორიზონტალურად (მარჯვნივ და მარცხნივ): - სხვა ატრიბუტის გამოყენება - "გადახვევა" - შეგიძლიათ ბრაუზერს უთხრათ ჩარჩოს გადახვევის ზოლების წესები: "ავტომატური" მნიშვნელობა განსაზღვრავს, რომ გადახვევის ზოლები გამოჩნდება როგორც საჭიროა, ანუ როდესაც შინაარსი არ ჯდება ჩარჩოში. თუ მნიშვნელობას დააყენებთ "დიახ", მაშინ ამ ჩარჩოში ყოველთვის იქნება გადახვევის ზოლები, ხოლო მნიშვნელობა "არა", პირიქით, ხელს უშლის გადახვევის ზოლების ჩვენებას - თუ კონტეინერში მოთავსებული გვერდები მუშაობს JavaScript რომელიმე სკრიპტით, ოპერაციების შესრულება მიმდებარე ჩარჩოებში, შეიძლება საჭირო გახდეს ჩარჩოების გარჩევა სახელწოდებით. ჩარჩოს სახელწოდების ატრიბუტს ეწოდება სახელი:
ნაბიჯი 3
ეს HTML განმარტებები საკმარისია იმისათვის, რომ შექმნათ მარტივი გვერდი სხვა საიტების რამდენიმე გვერდიდან. ამისათვის დაგჭირდებათ ნებისმიერი ტექსტური რედაქტორი, მაგალითად, სტანდარტული ჩასაწერი წიგნი. მასში შექმენით ახალი დოკუმენტი და დაწერეთ html ტეგები:
შემდეგ შეინახეთ ეს კოდი htm ან html გაფართოებით - მაგალითად, test.html. ყველაფერი მზად არის, თუ ბრაუზერს გახსნით ამ დოკუმენტს, შედეგი ასე გამოიყურება:
ნაბიჯი 4
არსებობს ჩარჩოს კიდევ ერთი ტიპი - "მცურავი". ის შეიძლება განთავსდეს ჩვეულებრივი გვერდის შიგნით, არ იყოფა ჩარჩოებად. ასეთ ჩარჩოს აქვს დამატებითი სიგანე და სიმაღლის ატრიბუტები, რომლებიც განსაზღვრავს მის ზომებს. ამ თეგის კოდი შეიძლება ასე გამოიყურებოდეს:
