Გაკვეთილი HTML. უჯრედების გაერთიანებით

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

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

შესავალი თეორია

HTML, კავშირის საკნებში ხდება, როდესაც ორი ატრიბუტი: colspan და rowspan. ისინი მითითებული td tag.

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

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

HTML მაგიდა: უჯრედების ვერტიკალურად და ჰორიზონტალურად

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

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

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

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

აქ, საკანში 43 იღებს ორ strings. ამისათვის, თქვენ დააკონკრეტა ატრიბუტი rowspan. გაახსენდა:

• Row - ზედიზედ.
• Col - სვეტი / სვეტი.
• Span - ასოციაცია.

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

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

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

HTML: შერწყმა საკნები. მაგალითები

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

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

თუ გსურთ შერწყმა ყველა საკნების ზედიზედ ერთი, მაშინ ამოიღონ ოთხი td პირველი მიუთითებს colspan = '5'.

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

მაგიდის როგორც საიტი ფარგლებში

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

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

იყო თავდაპირველად მაგიდასთან სამი რიგები ორი საკნები თითოეული. ამის შემდეგ, მიიტანეთ logo საიტი, ორი უჯრედების პირველი რიგის უკვე შერწყმული. დედააზრი ისაა, რომ იგივე გააკეთონ გადაიდგა "სარდაფში".

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

დასკვნა

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

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