Олон хуудсын мэдээллийг нэг хуудсанд харуулахын тулд HTML хуудас хуваах механизмыг ихэвчлэн ашигладаг. Хүрээг оруулах хэлний бүтцийн тайлбарыг доор харуулав.
Шаардлагатай
HTML-ийн талаархи анхан шатны мэдлэг
Зааварчилгаа
1-р алхам
HyperText Markup Language (HTML) нь хоёр төрлийн хүрээ өгдөг. Хөвөгч нь илүү уян хатан бөгөөд одоо байгаа хуудсанд оруулахад хялбар байдаг. Ерөнхийдөө хөвөгч хүрээ ашиглан цонхны хүрээг дүрсэлсэн барилга байгууламж дараах байдалтай байна: Энд байгаа сайтын үндсэн хуудсыг энэ хүрээний өгөгдлийн эх үүсвэр болгон зааж өгсөн болно (src атрибут). Энэ нь өргөн ба өндрийн шинж чанаруудад заасны дагуу 400 x 300 пиксел хүрээтэйгээр нээгдэх болно. Та мөн сайтынхаа хуудсыг src атрибут дотор зааж өгч болно. Энэ тохиолдолд харьцангуй хаягийг (өөрөөр хэлбэл хүрээ оруулсан хуудастай холбоотой хаягийг) зааж өгөх нь хангалттай юм: Энэ жишээнд хүрээний өргөн ба өндрийг заагаагүй боловч id байна шинж чанар-танигч. Үүнийг ашиглан та энэ хүрээний шаардагдах хэмжээсийг тохируулахын тулд CSS () -ийг ашиглаж болно.
#frameOne {өргөн: 700px; өндөр: 200px;}
Алхам 2
Өөр нэг төрлийн хүрээ - "сонгодог" - тусдаа хуудас шаардагдах бөгөөд үүнд хүрээний бүтцийн тодорхойлолтыг агуулна. Хүрээ нь өөрөө тусдаа хуудсан дээр, магадгүй тусдаа сайт дээр байх болно. Ийм хүрээний контейнер хуудасны HTML код дараах байдалтай байж магадгүй юм.
Ердийн хуудсанд шаардагдах… ба … блок байх ёсгүй. Энэ жишээнд контейнер нээх шошго нь мөрийн шинж чанарыг агуулсан тул хуудасны зайг босоо хувааж, дээд хэсгийг эхний фреймд өгөх болно гэсэн үг юм. Хэрэв та эгнээ мөрөөр сольсон бол хуваалт хэвтээ болно. Энэ шинж чанарын утга "*, *" нь хуваагдсан хувь тэнцүү байгааг харуулж байна - тус бүр 50%. Хэрэв та жишээ нь "20%, *" гэж зааж өгвөл эхний фрэймд зөвхөн 20%, үлдсэн зайг хоёрдахь зайнд өгөх болно. Хэрэглэгч фрэймүүдийн хүрээг чирж эдгээр харьцааг өөрчлөх боломжтой. хулгана, гэхдээ энэ үйлдлийг идэвхгүй болгох боломжтой. Үүнийг хийхийн тулд noresize шинж чанарыг тодорхой фрэймийн шошгон дээр нэмнэ үү. Та босоо ба хэвтээ догол мөрний хэмжээг зэргэлдээх хүрээнээс (marginwidth ба marginheight атрибут) тодорхойлж болно: Хүрээ бүрийн гүйлгэх самбарын үйл ажиллагааны дүрмийг тусад нь тохируулах боломжтой. Үүний тулд гүйлгэх шинж чанарыг ашигладаг бөгөөд энэ нь урьдчилан тодорхойлсон гурван утгын аль нэгийг агуулж болно. Хэрэв зааж өгсөн бол хүрээний агуулга хүрээ дотор багтахгүй тохиолдолд гүйлгэх самбар гарч ирнэ. Хэрэв "тийм" бол тэдгээрийн хэрэгцээ шаардлагаас үл хамааран судлууд үргэлж байх болно. Хэрэв "үгүй" бол энэ хүрээний гүйлгэх баарыг зөвшөөрөхгүй гэсэн үг юм.
Алхам 3
Өмнөх хоёр алхам дээр өгөгдсөн мэдээлэлд үндэслэн та асуудлаа шийдвэрлэхэд илүү тохиромжтой html кодыг зохиох хэрэгтэй. Үүний дараа хуудасны эх код руу оруулах л үлдлээ. Үүнийг хийхийн тулд та сайтынхаа менежментийн системийн хуудасны редакторыг ашиглаж болно. Хүссэн хуудсаа нээгээд html кодыг засах горим руу шилжиж, хуудсан дээрх хүссэн газартаа кодоо оруулаарай. Эсвэл хуудасны эх код файлыг хостинг менежментийн файлын менежер эсвэл агуулгын менежментийн системээс татаж аваад текст засварлагч дээр нээгээд кодоо оруулна уу. Дараа нь ижил аргаар өөрчлөгдсөн кодыг сервер рүү буцааж байршуулна уу.
