ცხრილის გადატვირთვის აუცილებლობა ბრაუზერის ფანჯრის მთელ სივრცეში ჩნდება, მაგალითად, როდესაც გვერდის დიზაინი მოთავსებულია ცხრილის შიგნით. ამ პრობლემის მოგვარება არ საჭიროებს რთული კოდის დაწერას, მაგრამ ის მოიცავს ვებ – გვერდების მონიშვნის ზოგიერთი მახასიათებლის გათვალისწინებას.
აუცილებელია
HTML- ის ძირითადი ცოდნა
ინსტრუქციები
Ნაბიჯი 1
პირველ რიგში, თქვენ უნდა დააზუსტოთ მომავალი ოპერაციის მნიშვნელობა. HTML კოდში, ცხრილის გვერდები წარმოადგენს წყობილი წყვილების ნიშანთა წყობას (ერთი გახსნა და ერთი დახურვა). უჯრედის ნიშნები (
) ჩასმული არიან სიმების ტეგებში (
), და ეს, თავის მხრივ, მაგიდის ტეგებად (
) ცხრილის გახსნის ნიშანში შეგიძლიათ დააყენოთ მისი სიგანე და სიმაღლე როგორც აბსოლუტური ერთეულებით (პიქსელი), ასევე ფარდობით (პროცენტული). ფარდობითი ზომებით, მაგიდის მშობელი ელემენტის სიგანე და სიმაღლე მიიღება 100%. თუ მაგიდას პირდაპირ მოათავსებთ გვერდის კორპუსში (და არა შრეში, ფორმაში, სხვა ცხრილში და ა.შ.), მაშინ მისი მშობელი ელემენტის ზომები იქნება გვერდის სიგანე და სიმაღლე. ეს ნიშნავს, რომ მაგიდის გასაშლელად ყველა თავისუფალ სივრცეში უნდა მიუთითოთ 100% ჰორიზონტალური და ვერტიკალური ზომები.
ნაბიჯი 2
ახლა თქვენ შეგიძლიათ დაიწყოთ ამის პრაქტიკაში HTML. ცხრილის სიგანე და სიმაღლე განისაზღვრება სიგანის და სიმაღლის ატრიბუტებით. ასე რომ, მაგიდის კოდი, რომელიც მიუთითებს ზომების 100% -ს ყველა მიმართულებით და, მაგალითად, ორი უჯრით ერთ რიგში, შეიძლება ასე გამოიყურებოდეს:
| მაგიდის მარცხენა უჯრედი | მაგიდის მარჯვენა უჯრედი |
ნაბიჯი 3
100% სიგანის და სიმაღლის მითითება საკმარისი იქნება ცხრილის გასაშლელად, თუ აირჩევთ HTML სტანდარტს, რომლითაც ბრაუზერმა უნდა წაიკითხოს გვერდის კოდი. წარწერა მოთავსებულია დოკუმენტის პირველ სტრიქონზე. თქვენ გჭირდებათ ტეგი შემდეგი შინაარსით:
ნაბიჯი 4
თქვენს კოდში უნდა გაითვალისწინოთ კიდევ ერთი პუნქტი: სტანდარტულად, გვერდი ფანჯრის კიდეებიდან რამდენიმე პიქსელით არის ჩასმული, ამიტომ ცხრილი, მთელი გვერდის შევსების შემდეგაც, არ გაიჭიმება მთელ ფანჯარაზე. ამ არასაჭირო ველების აღმოსაფხვრელად, თქვენ შეგიძლიათ მიუთითოთ ნულოვანი აბრები შესაბამის ატრიბუტებში გვერდის კორპუსის () გახსნის ტეგში
ნაბიჯი 5
როდესაც შეიკრიბება, მთლიანი გვერდის კოდი, ეკრანის მთელ სიგანეზე და სიმაღლეზე გადაჭიმული მაგიდით, ასე გამოიყურება:
გაჭიმული მაგიდა
| მაგიდის მარცხენა უჯრედი | მაგიდის მარჯვენა უჯრედი |
