Хуудасны дотор хуудсыг хэрхэн яаж хийх вэ

Агуулгын хүснэгт:

Хуудасны дотор хуудсыг хэрхэн яаж хийх вэ
Хуудасны дотор хуудсыг хэрхэн яаж хийх вэ

Видео: Хуудасны дотор хуудсыг хэрхэн яаж хийх вэ

Видео: Хуудасны дотор хуудсыг хэрхэн яаж хийх вэ
Видео: Фэйсбүүк пэйжээ яаж оновчтой хөтөлж олон лайктай болох вэ? 2024, Гуравдугаар сар
Anonim

Hypertext Markup Language (HTML) нь хуудсыг хэд хэдэн цонхонд хуваах боломжийг олгодог - "жааз". Хүрээ тус бүр нь интернетийн эх сурвалжтай байж болно. Энэ механизмыг бусад сайтын хуудсыг танай сайтын хуудсанд оруулахад ашиглаж болно.

Хуудасны дотор хуудсыг хэрхэн яаж хийх вэ
Хуудасны дотор хуудсыг хэрхэн яаж хийх вэ

Энэ нь зайлшгүй шаардлагатай

Текст засварлагч Тэмдэглэлийн дэвтэр

Зааварчилгаа

1-р алхам

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

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

Энэхүү кодын дээж дэх "cols" шинж чанар нь хуудсыг босоо байдлаар хоёр хүрээ болгон хувааж, зүүн тал нь цонхны өргөний 20%, баруун тал нь 80% -ийг эзэлнэ. Хэрэв та "cols" шинж чанарын оронд "мөрүүд" шинж чанарыг зааж өгсөн бол хуудас хэвтээ байдлаар хуваагдах болно.

Тооны оронд та (*) од бичиж болно:

Энэ нь хоёрдахь фрэймд үлдсэн бүх зайг өгөх болно гэсэн үг юм. Хүрээний хэмжээг хувиар биш, харин хуудасны байршилд ихэвчлэн ашигладаг хэмжлийн нэгжээр "пиксел" -ээр тодорхойлж болно.

Алхам 2

Саванд заавал оруулах ёстой фреймийн HTML тагийг дараах байдлаар бичнэ: "frame" тагны "src" шинж чанар нь хөтөч энэ фрэймд оруулах ёстой вэб хуудасны хаягийг агуулна. Ийм байдлаар бичсэн хаягийг "үнэмлэхүй" гэж нэрлэдэг бөгөөд https:// протоколоос эхэлдэг. Гэхдээ хэрэв энэ нь таны сайтын хуудас бөгөөд ижил (эсвэл дэд хавтас) хавтсанд байгаа бол та үнэмлэхүй хаягийг зааж өгөх шаардлагагүй, зөвхөн файлын нэр, дэд хавтас руу орох зам л хангалттай байх болно. Ийм хаягийг "харьцангуй" гэж нэрлэх болно: - Хуудсан дахь хүрээний хоорондох хил хязгаарыг хулганаар шилжүүлж болно. Энэ онцлог шинж чанарыг noresize шинж чанар идэвхгүйжүүлсэн болно: - Хүрээний хоорондох захын хэмжээг тодорхойлдог хоёр шинж чанар байдаг - marginheight нь босоо ирмэгийг (дээд ба доод), харин захын өргөнийг хэвтээ байдлаар (баруун ба зүүн) тогтоодог: - Өөр шинж чанарыг ашиглах. - "гүйлгэх" - та хүрээний гүйлгэх мөрний дүрмийг хөтөчдөө хэлж болно: "Авто" утга нь гүйлгэх самбарыг шаардлагатай хэмжээгээр, өөрөөр хэлбэл агуулга хүрээ дотор багтахгүй байх үед гарч ирэхийг зааж өгдөг. Хэрэв та утгыг "тийм" гэж тохируулсан бол энэ хүрээ нь үргэлж гүйдэг мөртэй байх ба "үгүй" утга нь эсрэгээрээ гүйлгэх мөрийг харуулахаас сэргийлнэ. Хэрэв саванд агуулагдах хуудсууд нь JavaScript скриптүүдтэй ажилладаг бол зэргэлдээ фрэймд ажиллуулах, жаазыг нэрээр нь ялгах шаардлагатай байж болно. Хүрээний нэрийг агуулсан шинж чанарыг нэр гэж нэрлэдэг:

Алхам 3

Эдгээр HTML тодорхойлолтууд нь бусад сайтуудаас хэд хэдэн хуудаснаас энгийн хуудас үүсгэхэд хангалттай юм. Үүнийг хийхийн тулд танд ямар ч текст засварлагч хэрэгтэй болно, жишээлбэл, стандарт Notepad. Үүн дээр шинэ баримт бичиг үүсгээд эдгээр html хаягуудыг бичнэ үү.

Дараа нь энэ кодыг htm эсвэл html өргөтгөлөөр хадгалаарай - жишээлбэл, test.html. Бүх зүйл бэлэн байна, хэрэв та энэ баримт бичгийг хөтөчөөр нээвэл үр дүн нь дараах байдалтай байна.

Хоёр хүрээтэй хуудас
Хоёр хүрээтэй хуудас

Алхам 4

Өөр нэг хүрээ байдаг - "хөвөгч". Энэ нь фрэймд хуваагдахгүйгээр ердийн хуудасны дотор байрлаж болно. Ийм хүрээ нь түүний хэмжээг тодорхойлдог нэмэлт өргөн ба өндрийн шинж чанартай байдаг. Энэ шошгын код дараах байдалтай байж магадгүй юм.

Зөвлөмж болгож буй: