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