HTML дээр Хичээл. нүднүүдийг нэгтгэх

HTML-д хүснэгт - нь маш хялбар зүйл. Тэдний хамт та нар юу ч хийж болно. Мэдээж хэрэг, гол зорилго нь - хүснэгтэд мэдээллийг байрлуулах. Гэхдээ сайтууд хөгжүүлэгчид нь цаашаа явах билээ. Нэгэн цагт энэ нь сайт тогтолцоог бий болгох нь хүснэгтийг ашиглах нь маш их алдартай байсан юм. Одоо мэргэжилтнүүд ийм хийж болохгүй гэж байна.

Хүснэгт Учир нь шинж чанаруудын тооны тэдний өргөн хэрэглээг олсон байна. Жишээ нь, маш хэрэгтэй эд хөрөнгийн мөр, багана хослуулах болсон.

Онол танилцуулга

colspan болон rowspan: HTML онд эсийн эвлэлийн хоёр шинж замаар явагддаг. Тэд TD хаяг тодорхойлсон байна.

АНУ-ын анхны бид сэдвээр онгичих өмнө ширээн бүрийн бүтцийг шинжлэх үзье. эсийн - ширээн дээр бүр мөр байдаг, тэнд. Анх бүх ширээ эс ижил тооны агуулсан байх ёстой гэдгийг санаарай.

заасан хоёр эгнээ дээш, гурван эсийн бүрт зураг. Энэ бол нийтлэг хүснэгт байдаг. Хэрэв та ямар нэг хайрцагт байгаа бол, ширээ "гарах" нь эсийн жижиг хэд хэдэн төрлийн, бүх зөв гарч байх болно.

HTML-Хүснэгт: босоо болон хэвтээ нүднүүдийг нэгтгэх

Та нэгтгэх ямар нэгэн зүйл бол эсийн буюу мөр нь бага тоо л ашиглаж болно зааж өгөх. Харин оронд нь орой хамгийн ойр хөрш дахь устгагдсан зүйлсийг та нэмэлт шинж чанар зааж өгөх хэрэгтэй. Та мөр бол rowspan багана, дараа нь colspan, нэгтгэх бол. шинж үнэ цэнэ нь та нийлүүлэхийг хүсэж байгаа зүйлсийн тоог заана.

Та орой хамгийн ойр элемент үүнийг зааж өгөх хэрэгтэй гэдгийг анхаарна уу. Жишээ нь, дээрх зурагт, та эсийг 1 ба 2-р нэгтгэх хүссэн бол, та хоёр нэг утга нь эсийн 1 colspan шинж нь зааж өгөх хэрэгтэй. , Албан тушаал тоо 2, 3, устгах, энэ нь хамаагүй.

доод шугам та хэр их зай авч эсийг хэлж байгаа юм. Анхдагч утга нь 1 байдаг.

Merge эсүүд нь босоо HTML ширээний ижил зарчмаар явагддаг. Зүгээр л эзэлж зай гэж босоо гэж үзэж болно. Доорх зурагт үзнэ үү.

Энд тоо 43-эсийн хоёр мөр нь авдаг. Үүнийг хийхийн тулд та шинж чанар rowspan зааж өгөх хэрэгтэй. Зүгээр л санаж:

• Мөр - хэрүүл.
• Col - багана / багана.
• SPAN - холбоо.

Зохиогчид А-Я, хүний хэлийг аль болох авчрах тийм ч үүнийг мэдэхгүй ч, ямар нэг байдлаар ойлгож болох гэж оролдсон байна.

босоо болон хэвтээ: HTML онд эсийн эвлэлийн хоёр чиглэлд хийж болно. Үүнийг хийхийн тулд бид аль аль шинж чанар зааж өгөх хэрэгтэй.

Дээрх зураг бол зүгээр л болон холбоо хийж болно гэж заасан: мөр, багана, эсвэл мөр, баганыг нь аль аль нь.

HTML: нүднүүдийг нэгтгэх. жишээ

АНУ-ын том ширээн дээр илүү төвөгтэй жишээ амжилт гаргасан авч үзье. Зүүн талд доор тогтмол ширээн эх хувилбарыг тохируулна. A эрх - хоёр дахь эгнээний хоёр эс нь хослуулан нэг хувилбар. Тиймээс тодорхой, амархан HTML-код харьцуулах.

Та бас эсийн төвд гурван хослуулж болно. Эхний тохиолдолд colspan шинж чанар эсийг №1 заана. Энд эхний өөрчлөгдөхгүй байх бөгөөд хоёр дахь нь colspan нэмж, гурван тэнцүү.

Хэрэв та нэг нь дараалан бүх нүднүүдийг нэгтгэх хүсэж байгаа бол, дараа нь анх colspan = '5' харуулж дөрвөн TD устгаж болно.

Таны харж байгаагаар, үнэн хэрэгтээ, бүх зүйл энгийн байдаг. Юу ч төвөгтэй. Хамгийн гол нь, анхааралтай, анх удаа авсан ширээ, бүх асуудлууд ойлгож, дараа нь ямар ч асуудал гарч байх ёстой юм.

сайт хүрээнд талаар Хүснэгт

HTML нь эсийн эвлэлийн үргэлж мэдээллээр тогтмол хүснэгтүүдийг (Word эсвэл Excel-д) ашиглаж байна. Вэб дизайнерууд ихэвчлэн, харин өмнө нь санал асуулга тэднийг сайтууд зохион ашиглаж байна.

Жишээ нь, газар зохион байгуулалтыг авч үзье. Энэ загвар - маш энгийн, команд. Харин та нар тодорхой холбооны хэрэглээг харуулж чадна.

тус бүр хоёр эсийн гурван эгнээ хүснэгт анх гарч байсан юм. Дараа нь сайтын лого, эхний эгнээнд хоёр эс нэгтгэсэн байна байрлуулах. доод шугам "зоорины" хангах адил үйлдлийг хийх явдал юм.

дизайны элементүүдийг байрлуулах нь газарт энэ нь боломжтой юм улмаас, юу ч түүний хязгаарыг орхиж болохгүй юм. Энэ нь маш тохиромжтой, энгийн юм. Тиймийн тул, энэ үнэхээр алдартай байсан юм. Одоо, энэ нь DIV хаяг блок бий болгох нь зүйтэй байна.

дүгнэлт

Тэгээд HTML хүснэгт эсийн нийлүүлэлт, та дуртай юу ч хийж чадахгүй гэдгийг санагтун. Энэ нь бүх л та нар юу хүсч байгаагаа шалтгаална, та хэрхэн зохион байгуулж байна. Хамгийн чухал нь, будлиантай авч чадахгүй байна. Та холбоо нь олон тооны том хүснэгтийг үүсгэх хүсэж байгаа бол, энэ нь цаасан дээр эсвэл будаг нь энэ бүгдийг татаж авах санал болгож байна. Imposer эхлэн энэ нь илүү хялбар байх болно.

Үед олз туршлага, эдгээр үйл ажиллагаа нь өөрийнхөө цуглуулгыг амархан захирах таны толгойд хийж болно.