Để chèn một trang của một trang vào một trang của trang web của bạn, bạn có thể sử dụng khả năng ngôn ngữ đánh dấu siêu văn bản (HTML) để chia các trang thành nhiều khung. Cách chính xác để làm điều này được mô tả dưới đây.
Hướng dẫn
Bước 1
"Khung" là một phần độc lập của trang có thể có nguồn dữ liệu hiển thị riêng. Có thể có một số khung như vậy trong trang và bạn có thể đặt chúng bên cạnh nhau, cái này ở trên cái kia, cái bên trong cái kia và theo một cách kết hợp theo bất kỳ thứ tự nào. Để triển khai cơ chế chia nhỏ trang này, bạn cần bắt đầu bằng cách đặt nó trong mã vùng chứa html- ban đầu của nó cho tất cả các khung. Một vùng chứa như vậy bao gồm hai thẻ - mở và đóng:
Trong thẻ mở, bạn cần đặt thứ tự của các khung trên trang. Ở đây bạn cần xác định trình duyệt nên phân chia không gian trang giữa các khung theo tỷ lệ nào. Để thực hiện việc này, hãy thêm thuộc tính thích hợp vào thẻ:
Ở đây thuộc tính "cols" chỉ định việc chia trang thành hai khung theo chiều dọc theo tỷ lệ từ một đến ba. Nếu thuộc tính "cols" được thay thế bằng thuộc tính "row", trang sẽ được chia theo chiều ngang:
Không cần thiết phải chỉ định cả hai kích thước - trình duyệt sẽ tự tính giá trị cho khung không xác định, nếu bạn viết dấu hoa thị (*) thay vì số:
Bạn có thể cung cấp cho một trong các khung toàn bộ không gian trống của trang, nếu bạn chỉ định 100% và trong trường hợp này, nội dung của khung khác sẽ không hiển thị. Thường thì các đơn vị đo lường khác được sử dụng để đặt kích thước - "pixel":
Bước 2
Bây giờ chúng ta cần đặt các thẻ của chính các khung bên trong vùng chứa. Thẻ như vậy trông như thế này: Nó chứa một thuộc tính có địa chỉ của trang Internet sẽ là nguồn dữ liệu cho khung này. Nếu địa chỉ được viết dưới dạng này (bắt đầu bằng tên của giao thức https://), thì nó được gọi là "tuyệt đối". Đối với các trang trên trang web của bạn nằm trong cùng (hoặc một thư mục con của thư mục này), bạn không cần chỉ định địa chỉ tuyệt đối - tên tệp và đường dẫn đến thư mục con là đủ. Trong trường hợp này, địa chỉ sẽ được gọi là "tương đối" và có dạng như sau: - Bạn có thể thêm một thuộc tính vào thẻ này để vô hiệu hóa khả năng di chuyển đường viền giữa các khung bằng chuột. Thẻ được gọi là "noresize": - Hai thuộc tính khác được sử dụng để chỉ định kích thước của lề giữa các khung liền kề - marginheight cho thụt lề dọc và margin width - cho thụt lề ngang: - Thuộc tính "scrolling" được sử dụng để chỉ định các quy tắc cho hành vi của thanh cuộn của khung. Nếu bạn đặt nó thành "tự động", thì thanh cuộn sẽ xuất hiện khi cần - khi nội dung của khung sẽ không vừa với đường viền của nó: Nếu bạn thay thế giá trị này bằng "yes", thì thanh cuộn sẽ luôn hiện diện trong khung này và giá trị "không" sẽ vô hiệu hóa hiển thị của chúng theo thứ tự vô điều kiện.
Bước 3
Biết được điều này, bạn có thể bắt đầu tạo một trang đơn giản sẽ chứa một trang từ một trang khác trong một trong các khung. Đối với điều này, bạn sẽ cần một trình soạn thảo văn bản đơn giản - một Notepad tiêu chuẩn. Tạo một tài liệu mới và viết các thẻ html sau vào đó:
Lưu mã này với phần mở rộng html hoặc htm - ví dụ: sample.html. Sau đó, tạo một tài liệu văn bản mới mà bạn không phải viết bất cứ thứ gì vào đó, chỉ cần lưu nó dưới dạng blank.html là xong. Bây giờ, nếu bạn mở trang sample.html trong trình duyệt, bạn sẽ chỉ thấy trang được chỉ định trong thẻ khung đầu tiên, vì bạn đã cho nó 100% không gian trang. Và trang thứ hai sẽ hoàn toàn không hiển thị. Bạn có thể chuẩn bị một bộ thẻ tương tự với các thông số và địa chỉ bạn cần và tải lên trang web của mình bằng trình quản lý tệp của hệ thống điều khiển. Hoặc mở trang hiện có mà bạn cần trong trình chỉnh sửa trang của hệ thống điều khiển và thay thế mã của trang đó bằng mã của riêng bạn.
