Хүснэгтийг браузерын цонхны бүх зайд сунгах хэрэгцээ гарч ирдэг, жишээлбэл, хуудасны дизайныг ширээний дотор байрлуулах үед гарч ирдэг. Энэ асуудлыг шийдэхийн тулд нарийн төвөгтэй код бичих шаардлагагүй боловч вэб хуудасны тэмдэглэгээний зарим шинж чанарыг харгалзан үзэх шаардлагатай болно.
Шаардлагатай
HTML-ийн талаархи анхан шатны мэдлэг
Зааварчилгаа
1-р алхам
Эхлээд та удахгүй болох үйл ажиллагааны утга учрыг тодруулах хэрэгтэй. HTML кодонд хүснэгтийн хуудсууд нь үүрлэсэн хос хаягуудын багц юм (нэг нээх, нэг хаах). Нүдний хаягууд (
) тэмдэгт мөрөнд байрлуулсан байна (
), тэдгээр нь эргээд хүснэгтийн тэмдэглэгээнд орно (
). Хүснэгтийн нээгдэх хэсэгт та түүний өргөн ба өндрийг үнэмлэхүй нэгж (пиксел) ба харьцангуй (хувиар) хоёуланг нь тохируулж болно. Харьцангуй хэмжээтэй бол хүснэгтийн эх элементийн өргөн ба өндрийг 100% гэж авна. Хэрэв та хүснэгтийг хуудасны үндсэн хэсэгт шууд байрлуулбал (давхарга, хэлбэр, бусад хүснэгт гэх мэтчилэн биш), түүний эх элементийн хэмжээ нь хуудасны өргөн ба өндөр байх болно. Энэ нь хүснэгтийг бүх сул зайд сунгахын тулд 100% хэвтээ ба босоо хэмжээсийг зааж өгөх хэрэгтэй гэсэн үг юм.
Алхам 2
Одоо та үүнийг HTML дээр практикт хэрэгжүүлж эхлэх боломжтой. Хүснэгтийн өргөн ба өндрийг өргөн ба өндрийн шинж чанаруудаар тодорхойлно. Тиймээс бүх чиглэлд 100% хэмжээсийг харуулсан хүснэгтийн код, жишээлбэл, нэг мөрөнд хоёр нүдтэй байх нь дараах байдалтай байна.
| хүснэгтийн зүүн нүд | хүснэгтийн баруун нүд |
Алхам 3
Хэрэв та хөтөч хуудасны кодыг унших зөв HTML стандартыг сонговол 100% өргөн, өндрийг зааж өгөх нь хүснэгтийг сунгахад хангалттай байх болно. Шошгыг баримт бичгийн хамгийн эхний мөрөнд байрлуулсан болно. Танд дараахь агуулгатай шошго хэрэгтэй:
Алхам 4
Таны кодод нэг цэгийг харгалзан үзэх хэрэгтэй: анхдагчаар хуудас нь цонхны ирмэгээс цөөн хэдэн пикселээр тусгаарлагдсан тул хүснэгт нь бүх хуудсыг дүүргэсэн ч гэсэн бүхэл бүтэн цонх руу сунахгүй болно. Эдгээр шаардлагагүй талбаруудыг арилгахын тулд хуудасны үндсэн хэсгийн () нээгдэх харгалзах шинж чанаруудад тэг догол мөрийг зааж өгч болно:
Алхам 5
Угсарч, хуудасны кодыг бүхэлд нь дэлгэцийн бүх өргөн, өндөрт сунгасан хүснэгттэй адил болгоно.
Сунгасан ширээ
| хүснэгтийн зүүн нүд | хүснэгтийн баруун нүд |
