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

HTML хэл(HyperText Markup Language - "гипертекст тэмдэглэгээний хэл") хоёр төрлийн хүрээг хангадаг. "Хөвөгч" нь илүү уян хатан бөгөөд одоо байгаа зүйл рүү оруулахад хялбар байдаг. Ерөнхийдөө хөвөгч хүрээ ашиглан цонх оруулахыг дүрсэлсэн бүтэц нь дараах байдалтай байна. Энд, энэ хүрээний өгөгдлийн эх сурвалж нь одоо байгаа сайт (src шинж чанар) юм. Энэ нь өргөн ба өндрийн шинж чанаруудад заасны дагуу 400-аас 300-ийн хэмжээтэй фрэйм ​​дотор нээгдэнэ. Мөн та өөрийн сайтын хуудсыг src атрибутаар зааж өгч болно. Энэ тохиолдолд харьцангуй хаягийг (өөрөөр хэлбэл хүрээ оруулсан хуудастай холбоотой хаяг) зааж өгөхөд хангалттай. Энэ жишээнд фрэймийн өндрийг заагаагүй ч id атрибут байна. Та үүнийг ашиглаж болно CSS ашиглан() энэ хүрээний шаардлагатай хэмжээсийг тохируулна уу:

Өөр нэг төрлийн хүрээ - "сонгодог" нь хүрээний бүтцийн тайлбарыг агуулсан тусдаа хуудас шаарддаг. Хүрээнүүд нь тусдаа хуудсан дээр, бүр тусдаа сайтууд дээр байрлах болно. Фреймийн ийм контейнер хуудасны HTML код дараах байдалтай байж болно.




Блок байхгүй ... Тэгээд ... , ердийн хуудсанд шаардлагатай байдаг энд байх ёсгүй.Энэ жишээнд нээх савны шошго rows шинж чанарыг агуулсан - энэ нь хуудасны орон зайг босоо байдлаар хувааж, эхний хүрээг өгнө гэсэн үг юм. дээд хэсэг. Хэрэв та мөрүүдийг тасаар солих юм бол хуваагдал нь хэвтээ байх болно. Энэ "*,*" шинж чанарын утга нь хуваах хувь тэнцүү байгааг харуулж байна - тус бүр 50%. Хэрэв та жишээ нь "20%,*" гэж зааж өгвөл эхний фрэймд ердөө 20%, үлдсэн зай нь хоёр дахь хэсэгт өгөгдөнө. Хэрэглэгч эдгээр пропорцийг хүрээг чирж өөрчлөх боломжтой. хулганаар хүрээлээрэй, гэхдээ энэ үйлдлийг хориглох боломжтой. Үүнийг хийхийн тулд та noresize шинж чанарыг тодорхой хүрээний шошгон дээр нэмэх хэрэгтэй. Та мөн зэргэлдээх хүрээнээс босоо болон хэвтээ захын хэмжээг зааж өгч болно (маржин өргөн ба marginheight шинж чанарууд): Фрейм бүрийн гүйлгэх зураасын зан үйлийн дүрмийг тусад нь тохируулах боломжтой. Энэ нь урьдчилан тодорхойлсон гурван утгын аль нэгийг агуулж болох гүйлгэх шинж чанарыг ашиглан хийгддэг. Хэрэв та гүйлгэх = "auto" гэж зааж өгвөл хүрээний агуулга нь түүний хил хязгаарт багтахгүй үед гүйлгэх мөр гарч ирнэ. Хэрэв "тийм" бол шаардлагатай эсэхээс үл хамааран судал нь байнга байх болно. Хэрэв "үгүй" бол энэ хүрээний гүйлгэх мөрүүдийг идэвхгүй болгосон гэсэн үг юм.

Өмнөх хоёр алхамд үзүүлсэн мэдээлэлд үндэслэн та асуудлыг шийдвэрлэхэд илүү тохиромжтой html кодыг бүтээх хэрэгтэй. Үүний дараа хуудасны эх код руу оруулах л үлдлээ. Үүнийг хийхийн тулд та өөрийн сайтын удирдлагын системийн хуудасны засварлагчийг ашиглаж болно - үүнийг нээнэ үү хүссэн хуудас, html код засварлах горим руу шилжиж, хуудасны хүссэн газар кодоо буулгана уу. Та файлыг татаж авч чадах уу? эх кодхуудасны файлын менежерийн удирдлагын хостинг эсвэл агуулгын удирдлагын системд нээнэ үү текст засварлагчмөн кодыг нь оруулна уу. Дараа нь өөрчилсөн кодыг серверт буцааж байршуулахын тулд ижил аргыг ашиглана уу.

Вэбсайт бүтээх эхэн үед вэб эх сурвалжууд хуудсын бие даасан хэсгүүдийг харуулах хүрээг өргөн ашигладаг байсан. Гэхдээ ирснээр шинэ хувилбар HTML 5 бүх зүйлийг өөрчилсөн. Тэмдэглэгээний элементүүд<хүрээ>, <хүрээний багц> ба<хүрээгүй> хуучирсан гэж үздэг. Тэдгээрийг нэг шошгоор сольсон -<iframe>. Хэрхэн html дээр нэмэх вэ

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

Бүрэлдэхүүн .

Зөвлөгөө:Элементийн хэв маягийг өөрчлөх

Хаалтын шошго

Шаардлагатай.

Атрибутууд

тэгшлэхХуучирсан Хүрээ хэрхэн ирмэгээр зэрэгцүүлж, текстийг хэрхэн ороож байгааг тодорхойлно. зөвшөөрөгдсөн дэлгэцХүрээг бүтэн дэлгэцийн горимд оруулахыг зөвшөөрнө. ил тод байдлыг зөвшөөрөхЗахиалгат суулгацууд ил тод дэвсгэрхуудасны арын дэвсгэр харагдах хүрээ. хүрээЗөвхөн HTML4 Хүрээний эргэн тойронд хүрээ харуулах эсэхийг тохируулна. өндөр CSS пикселээр HTML5 хүрээний өндөр, пикселээр эсвэл хувиар HTML4. hspaceХүрээнээс хүрээлэн буй контент хүртэлх хэвтээ захын зай. захын өндөрЗөвхөн HTML4 контентоос хүрээний хүрээ хүртэл дээд ба доод талд Padding. захын өргөнЗөвхөн HTML4 Контентоос хүрээний хил хүртэл зүүн болон баруун талын дэвсгэр. нэрХүрээний нэр. хамгаалагдсан хязгаарлагдмал орчин HTML5 нь фреймд ачаалагдсан контентод хэд хэдэн хязгаарлалт тавих боломжийг танд олгоно. гүйлгэхХүрээнд гүйлгэх мөрийг харуулах арга. саадгүй HTML5 Хүрээний агуулгыг баримт бичгийн нэг хэсэг мэтээр харуулахыг зааж өгнө. srcАгуулга нь хүрээ рүү ачаалагдах файлын зам. srcdoc HTML5 Фреймийн агуулгыг шууд атрибутт хадгална. vspaceХүрээнээс эргэн тойрон дахь контент хүртэлх босоо тэнхлэгийг хуучирсан. өргөн HTML5 хүрээний өргөн CSS пикселээр, HTML4 пикселээр эсвэл хувиар.

Өгөгдмөл загвар

Ихэнх хөтөч энэ элементийг харуулах болно

Ямар ч CSS загваруудүндсэн элементэд хэрэглэсэн хэв маягийг доторлогооны бүсийн агуулгад хэрэглэхгүй, мөн доторлогооны агуулгад ашигласан хэв маягийг эх элемент.

Та нэмэлт өргөн ба өндрийн шинж чанарууд эсвэл CSS ашиглан шугамын бүсийн хэмжээг зааж өгч болно. Ихэвчлэн өгөгдмөл хэмжээ нь 300px өргөн, 150px өндөр байдаг боловч хөтчөөс хамааран хэмжээ нь өөр байж болно. Ихэнх хөтөч анхдагчаар элементийн агуулгыг харуулдаг