ในการแทรกหน้าของไซต์ลงในหน้าของไซต์ของคุณ คุณสามารถใช้ความสามารถไฮเปอร์เท็กซ์มาร์กอัปภาษา (HTML) เพื่อแบ่งหน้าออกเป็นหลายเฟรม วิธีการทำเช่นนี้อธิบายไว้ด้านล่าง
คำแนะนำ
ขั้นตอนที่ 1
"เฟรม" เป็นส่วนอิสระของหน้าที่สามารถมีแหล่งข้อมูลที่แสดงเป็นของตัวเองได้ ในเพจสามารถมีเฟรมดังกล่าวได้หลายเฟรมและคุณสามารถวางเฟรมเหล่านี้ไว้ใกล้กันและเฟรมหนึ่งอยู่เหนือเฟรมอื่นและเฟรมหนึ่งอยู่ในอีกเฟรมหนึ่งและรวมกันในลำดับใด ๆ ในการใช้กลไกนี้ในการแบ่งหน้า ต้องเริ่มต้นด้วยการวางลงในโค้ดคอนเทนเนอร์ html- ดั้งเดิมสำหรับทุกเฟรม คอนเทนเนอร์ดังกล่าวประกอบด้วยสองแท็ก - การเปิดและปิด:
ในแท็กเปิด คุณต้องกำหนดลำดับของเฟรมในหน้า ที่นี่คุณต้องระบุสัดส่วนที่เบราว์เซอร์ควรแบ่งพื้นที่หน้าระหว่างเฟรม ในการดำเนินการนี้ ให้เพิ่มแอตทริบิวต์ที่เหมาะสมลงในแท็ก:
ที่นี่แอตทริบิวต์ "cols" ระบุการแบ่งหน้าออกเป็นสองเฟรมในแนวตั้งในอัตราส่วนหนึ่งถึงสาม หากแอตทริบิวต์ "cols" ถูกแทนที่ด้วยแอตทริบิวต์ "rows" หน้าจะถูกแบ่งตามแนวนอน:
ไม่จำเป็นต้องระบุทั้งสองขนาด - เบราว์เซอร์จะคำนวณค่าสำหรับเฟรมที่ไม่ระบุด้วยตัวเอง หากคุณเขียนเครื่องหมายดอกจัน (*) แทนตัวเลข:
คุณสามารถให้พื้นที่ว่างทั้งหมดของเพจแก่เฟรมใดเฟรมหนึ่ง หากคุณระบุ 100% และในกรณีนี้ เนื้อหาของเฟรมอื่นจะไม่ปรากฏให้เห็น มักใช้หน่วยวัดอื่นในการกำหนดขนาด - "พิกเซล":
ขั้นตอนที่ 2
ตอนนี้เราต้องวางแท็กของเฟรมไว้ในคอนเทนเนอร์ แท็กดังกล่าวมีลักษณะดังนี้: ประกอบด้วยแอตทริบิวต์ที่มีที่อยู่ของหน้าเว็บอินเทอร์เน็ตซึ่งจะเป็นแหล่งข้อมูลสำหรับเฟรมนี้ หากที่อยู่ถูกเขียนในแบบฟอร์มนี้ (เริ่มต้นด้วยชื่อของโปรโตคอล https://) จะเรียกว่า "สัมบูรณ์" สำหรับหน้าในไซต์ของคุณที่อยู่ในโฟลเดอร์เดียวกัน (หรือโฟลเดอร์ย่อยของโฟลเดอร์นี้) คุณไม่จำเป็นต้องระบุที่อยู่ที่แน่นอน - ชื่อไฟล์และเส้นทางไปยังโฟลเดอร์ย่อยก็เพียงพอแล้ว ในกรณีนี้ ที่อยู่จะเรียกว่า "ญาติ" และจะมีลักษณะดังนี้: - คุณสามารถเพิ่มแอตทริบิวต์ให้กับแท็กนี้ซึ่งปิดใช้งานความสามารถในการย้ายเส้นขอบระหว่างเฟรมด้วยเมาส์ แท็กนี้เรียกว่า "noresize": - ใช้แอตทริบิวต์อีกสองรายการเพื่อระบุขนาดของระยะขอบระหว่างเฟรมที่อยู่ติดกัน - ความสูงขอบสำหรับการเยื้องแนวตั้งและระยะขอบ - สำหรับการเยื้องแนวนอน: - แอตทริบิวต์ "การเลื่อน" ใช้เพื่อระบุกฎสำหรับ ลักษณะการทำงานของแถบเลื่อนของเฟรม หากคุณตั้งค่าเป็น "อัตโนมัติ" แถบเลื่อนจะปรากฏขึ้นตามต้องการ - เมื่อเนื้อหาของเฟรมไม่พอดีกับเส้นขอบ: หากคุณแทนที่ค่านี้ด้วย "ใช่" แถบเลื่อนจะปรากฏในเฟรมนี้เสมอ และ ค่า " no " จะปิดการแสดงผลในลำดับที่ไม่มีเงื่อนไข
ขั้นตอนที่ 3
เมื่อทราบสิ่งนี้แล้ว คุณสามารถเริ่มสร้างหน้าธรรมดาที่จะมีหน้าจากไซต์อื่นในเฟรมใดเฟรมหนึ่ง สำหรับสิ่งนี้ คุณจะต้องใช้โปรแกรมแก้ไขข้อความอย่างง่าย - แผ่นจดบันทึกมาตรฐาน สร้างเอกสารใหม่และเขียนแท็ก html ต่อไปนี้ลงไป:
บันทึกรหัสนี้ด้วยนามสกุล html หรือ htm - ตัวอย่างเช่น sample.html จากนั้นสร้างเอกสารข้อความใหม่ที่คุณไม่จำเป็นต้องเขียนอะไรเลย เพียงบันทึกเป็น blank.html เท่านี้ก็เรียบร้อย ตอนนี้ หากคุณเปิดหน้า sample.html ในเบราว์เซอร์ คุณจะเห็นเฉพาะหน้าที่ระบุในแท็กเฟรมแรกเท่านั้น เนื่องจากคุณให้พื้นที่หน้าเว็บ 100% และหน้า 2 จะไม่ปรากฏเลย คุณสามารถเตรียมชุดแท็กที่คล้ายกันพร้อมพารามิเตอร์และที่อยู่ที่คุณต้องการและอัปโหลดไปยังไซต์ของคุณโดยใช้ตัวจัดการไฟล์ของระบบควบคุม หรือเปิดหน้าที่มีอยู่ที่คุณต้องการในตัวแก้ไขหน้าของระบบควบคุมและแทนที่รหัสด้วยหน้าของคุณเอง