HyperText Markup Language (HTML) ინსტრუქციები, რომლებიც ქმნიან ვებ – გვერდებში განთავსებულ ცხრილებს, უზრუნველყოფს საკმაოდ დიდი რაოდენობით დამატებით პარამეტრებს. ეს საშუალებას გვაძლევს, ბლოკის სხვა ელემენტებისგან განსხვავებით, დაადგინონ ზომები არა მხოლოდ CSS ენის გამოყენებით (Cascading Style Sheets ან "Cascading Style Sheets"), არამედ ასევე HTML.
ინსტრუქციები
Ნაბიჯი 1
ცხრილის სიდიდის ატრიბუტის გამოყენებით პიქსელებში ცხრილის სიგანის დასაზუსტებლად გამოიყენეთ. ტეგის (HTML ინსტრუქცია) ცხრილი შედგება გახსნისგან (
) ნაწილები, რომელთა შორის არის ნიშნები, რომლებიც ქმნიან ცხრილის მწკრივებს და უჯრედებს. დამატებითი პარამეტრების (ატრიბუტების) განთავსება შესაძლებელია გახსნის ნიშანში, რომელთა ჩამონათვალი თითოეული კონკრეტული ნიშნისთვის განისაზღვრება საერთაშორისო სტანდარტებით. ცხრილის ნიშნისთვის ეს სტანდარტები საშუალებას იძლევა გამოიყენოთ სიგანე ატრიბუტი, რომელიც განსაზღვრავს ცხრილის სიგანეს პიქსელებში. უბრალო ცხრილის HTML კოდი, ასეთი ტეგით, რომელიც განსაზღვრავს 500 პიქსელის სიგანეს, შეიძლება ასე გამოიყურებოდეს:
| 1-ლი უჯრედი | მე -2 უჯრედი |
ნაბიჯი 2
სიგანის ატრიბუტის მნიშვნელობას დაამატეთ% სიმბოლო, თუ ცხრილის სიგანე უნდა მიუთითოთ პროცენტულად და არა პიქსელებში:
| 1-ლი უჯრედი | მე -2 უჯრედი |
გთხოვთ გაითვალისწინოთ, რომ ეს პროცენტული მაჩვენებლები არ იქნება დამყარებული ბრაუზერის ფანჯრის სიგანეზე. დოკუმენტის სტრუქტურას აქ მნიშვნელობა აქვს - ისევე, როგორც წყობილი წყობილი თოჯინა არ შეიძლება იყოს უფრო ფართო, ვიდრე ის, რომელშიც ის არის ჩასმული, ამიტომ მაგიდის სიგანის 100% არ შეიძლება აღემატებოდეს მშობლის ელემენტის სიგანეს. მაგალითად, თუ ცხრილი div ბლოკის შიგნით არის, მაშინ ამ ბლოკის სიგანე 100% -ად მიიღება.
ნაბიჯი 3
გამოიყენეთ სტილის აღწერის ენის ინსტრუქცია, თუ გსურთ იგივე სიგანე დააყენოთ ვებ – გვერდზე მოცემული ცხრილებისთვის, კოდის ერთ ადგილას. ამისათვის, პირველ რიგში, მოათავსეთ HTML კოდის სათავე ნაწილში (შორის და) გახსნის და დახურვის ტეგები, რომლებიც ზღუდავს CSS ენის დებულებებს:
/ * CSS ინსტრუქცია აქ იქნება * /
შემდეგ ამ ტეგებს შორის დააყენეთ შემდეგი CSS: ცხრილი {სიგანე: 100px;} აქ ცხრილი მიუთითებს, რომ ტალღოვანი საყრდენების შიგნით განთავსებული აღწერა უნდა იქნას გამოყენებული ყველა ცხრილის ტეგებზე, რომლებიც გამოჩნდება გვერდის კოდში. კარგად, სიგანე პარამეტრი ადგენს სიგანეს. აქაც შეგიძლიათ გამოიყენოთ ფარდობითი სიგანე პროცენტულად.
ნაბიჯი 4
მიუთითეთ კლასის სახელი CSS კოდში და HTML ცხრილის ნიშანში, თუ სიგანე უნდა მიუთითოთ არა ყველა ცხრილისთვის, არამედ მხოლოდ ერთი ან რამდენიმე ცხრილისთვის. მაგალითად, ვთქვათ, კლასი, რომელიც აღნიშნავს ვიწრო მაგიდების ჯგუფს, ძალიან მცირეა. მაშინ მისი სტილის აღწერა შეიძლება ასე გამოიყურებოდეს: table.tiny {width: 100px;} და HTML კოდის ერთ-ერთი ცხრილის შესაბამისი ტეგი ასეთია:
| 1-ლი უჯრედი | მე -2 უჯრედი |
