Để hiển thị thông tin từ nhiều nguồn trên một trang, cơ chế tách trang HTML thường được sử dụng. Dưới đây là mô tả về cấu trúc ngôn ngữ để chèn khung.
Cần thiết
Kiến thức cơ bản về HTML
Hướng dẫn
Bước 1
Ngôn ngữ đánh dấu siêu văn bản (HTML) cung cấp hai loại khung. Nổi linh hoạt hơn và dễ dàng hơn để chèn vào một trang hiện có. Nói chung, cấu trúc mô tả khung cửa sổ sử dụng khung nổi trông như thế này: Ở đây, trang chính của một trang hiện có được chỉ định làm nguồn dữ liệu cho khung này (thuộc tính src). Nó sẽ được mở trong khung 400 x 300 pixel, như được chỉ định trong thuộc tính chiều rộng và chiều cao. Bạn cũng có thể chỉ định trang của trang web của mình trong thuộc tính src. Trong trường hợp này, chỉ định địa chỉ tương đối là đủ (nghĩa là địa chỉ liên quan đến trang mà khung được chèn vào): Trong mẫu này, chiều rộng và chiều cao của khung không được chỉ định, nhưng có một id thuộc tính-định danh. Khi sử dụng nó, bạn có thể sử dụng CSS () để đặt các kích thước cần thiết cho khung này:
#frameOne {width: 700px; chiều cao: 200px;}
Bước 2
Một loại khung khác - "cổ điển" - yêu cầu một trang riêng biệt, trang này sẽ chứa mô tả về cấu trúc khung. Bản thân các khung sẽ nằm trên các trang riêng biệt, thậm chí có thể nằm trên các trang riêng biệt. Mã HTML cho một trang vùng chứa khung như vậy có thể trông giống như sau:
Không nên có bất kỳ khối… và… nào bắt buộc đối với các trang thông thường. Trong ví dụ này, thẻ mở vùng chứa chứa thuộc tính row, có nghĩa là không gian trang phải được chia theo chiều dọc và phần trên cùng sẽ được trao cho khung đầu tiên. Nếu bạn thay thế các hàng bằng cols, thì sự phân chia sẽ theo chiều ngang. Giá trị của thuộc tính "*, *" này cho biết rằng tỷ lệ phân chia là bằng nhau - 50% mỗi thuộc tính. Ví dụ: nếu bạn chỉ định "20%, *", thì chỉ 20% sẽ được cấp cho khung đầu tiên và phần còn lại của không gian cho khung thứ hai. Người dùng có thể thay đổi các tỷ lệ này bằng cách kéo các đường viền của khung với chuột, nhưng có thể tắt tác vụ này. Để thực hiện việc này, hãy thêm thuộc tính noresize vào thẻ của một khung cụ thể. Bạn cũng có thể chỉ định kích thước của các thụt lề dọc và ngang từ khung liền kề (thuộc tính margin width và marginheight): Có thể đặt các quy tắc hành vi cho các thanh cuộn của từng khung một cách riêng biệt. Đối với điều này, thuộc tính cuộn được sử dụng, có thể chứa một trong ba giá trị được xác định trước. Nếu được chỉ định, các thanh cuộn sẽ xuất hiện khi nội dung của khung không vừa với đường viền của nó. Nếu "có" - sọc sẽ hiện diện mọi lúc, bất kể nhu cầu về chúng. Nếu "không" - có nghĩa là không cho phép thanh cuộn cho khung này.
Bước 3
Dựa trên thông tin được cung cấp trong hai bước trước, bạn cần thiết kế mã html phù hợp hơn để giải quyết vấn đề của mình. Sau đó, tất cả những gì còn lại là chèn nó vào mã nguồn của trang. Để thực hiện việc này, bạn có thể sử dụng trình chỉnh sửa trang của hệ thống quản lý trang web của mình - mở trang mong muốn trong đó, chuyển sang chế độ chỉnh sửa mã html và dán mã của bạn vào vị trí mong muốn trên trang. Ngoài ra, bạn có thể tải xuống tệp mã nguồn trang bằng trình quản lý tệp quản lý lưu trữ hoặc hệ thống quản lý nội dung, mở tệp đó trong trình soạn thảo văn bản và dán mã vào đó. Và sau đó, tải lên mã đã thay đổi theo cách tương tự trở lại máy chủ.
