Một cách để chèn trang vào một trang là sử dụng khả năng Ngôn ngữ đánh dấu siêu văn bản (HTML) để chia trang thành các cửa sổ riêng biệt. Các cửa sổ như vậy được gọi là "khung" và có thể có nhiều cửa sổ trong một trang. Đến lượt mình, mỗi khung có thể chứa một tập hợp các khung và mỗi khung có thể được tải với các trang từ các nguồn khác nhau.
Nó là cần thiết
Trình soạn thảo văn bản Notepad
Hướng dẫn
Bước 1
Để tạo một tập hợp các trang như vậy trong một trang, bạn bắt đầu bằng cách tạo một vùng chứa cho các khung. Hướng dẫn cho trình duyệt để tạo một vùng chứa như vậy trong HTML trông giống như sau:
Những hướng dẫn như vậy được gọi là "thẻ". Đây là các thẻ mở và thẻ đóng của vùng chứa, giữa các thẻ này nên được đặt để tạo thành các khung. Thẻ chứa nhiều thông tin bổ sung được gọi là "thuộc tính" của thẻ. Trong thẻ mở, bạn cần chỉ định cách phân chia chính xác không gian trang giữa các khung:
Ở đây, thuộc tính "cols" chỉ ra rằng trang của hai khung phải được chia theo chiều dọc, cho mỗi khung là 50% chiều rộng của cửa sổ. Để chia trang theo chiều ngang, một thuộc tính khác được sử dụng, "row":
Điều tương tự có thể được viết theo cách này:
Ở đây, dấu hoa thị (*) cho biết rằng tất cả không gian còn lại sẽ được dành cho khung thứ hai. Bạn có thể chỉ định các giá trị không phải theo phần trăm mà bằng "pixel" - đây là đơn vị đo lường chính được sử dụng trong bố cục trang:
Bước 2
Chúng ta đã xử lý vùng chứa, bây giờ chúng ta cần khắc các khung của chính nó. Thẻ khung HTML ở dạng đơn giản nhất của nó trông như sau: Ở đây thuộc tính "src" cho biết địa chỉ Internet của trang sẽ được tải vào khung này. Nếu trang nằm trên cùng một máy chủ và trong cùng một thư mục (hoặc thư mục con) thì không cần chỉ định địa chỉ đầy đủ, tên tệp và đường dẫn đến thư mục con là đủ. Các địa chỉ như vậy được gọi là "tương đối", và các địa chỉ đầy đủ được gọi là "tuyệt đối". Thẻ tương tự với địa chỉ tương đối của trang để tải: - Sử dụng thuộc tính "cuộn", bạn có thể đặt quy tắc cho thanh cuộn của khung này: Giá trị "có" nghĩa là khung này sẽ luôn có thanh cuộn. Nếu bạn chèn giá trị "không" - chúng sẽ không bao giờ có và giá trị "tự động" xác định rằng các thanh cuộn sẽ xuất hiện khi cần thiết nếu nội dung của khung không vừa với đường viền của nó. - Theo mặc định, đường viền của khung trong trang có thể được di chuyển bằng chuột. Nhưng nếu bạn đặt thuộc tính noresize cho thẻ, thì tính năng này sẽ bị vô hiệu hóa: - Thẻ frame có hai thuộc tính đặt lề giữa các khung liền kề - marginwidth cho biết kích thước của lề từ lề liền kề theo chiều ngang (trái và phải), marginheight - theo chiều dọc (bên dưới và bên trên): - Một thuộc tính khác - tên - đặt tên riêng cho khung. Điều này có thể cần thiết nếu các khung chứa bất kỳ tập lệnh nào phải thực hiện điều gì đó trong các khung liền kề và phân biệt chúng bằng tên:
Bước 3
Nền tảng lý thuyết này đủ để tạo một trang đơn giản, ví dụ, chứa hai trang từ các trang khác. Một trình soạn thảo văn bản đơn giản là đủ cho bạn - một sổ ghi chú tiêu chuẩn là tốt. Tạo một tài liệu mới và nhập mã html sau vào đó:
Bây giờ hãy lưu tài liệu của bạn bằng một phần mở rộng html - ví dụ: test.html. Sau đó, nhấp đúp vào tệp test.html sẽ khởi chạy trình duyệt và trình duyệt sẽ thực thi các hướng dẫn mà bạn đã viết cho nó trong mã html. Kết quả sẽ như thế này:
