Buzz
Chúng tôi mang đến thông tin đầy đủ về thẻ iframe trong HTML. Ngoài ra, bạn cũng có thể tham khảo các bài viết khác về thuộc tính id trong HTML trên trang web của chúng tôi.
Khám phá Thẻ iframe trong HTML ngay bây giờ!
1. Thẻ iframe trong HTML
Thẻ iframe giúp chúng ta tạo ra khung nội tuyến (inline frame) một cách linh hoạt. Nó không giới hạn ở vị trí và liên quan đến thẻ frameset.
Sử dụng thuộc tính src để chỉ định liên kết đến trang web chứa khung nội tuyến.
2. Cách Sử Dụng Thẻ iframe Trong HTML
Thẻ iframe được sử dụng để tạo khung nội tuyến (inline frame) và được đặc tả thông qua thẻ iframe trong HTML.
Dùng thuộc tính src để xác định liên kết (URL) của trang chứa khung nội tuyến.
3. Định Dạng Kích Thước Cho Khung iframe
Chỉnh Kích Thước iframe bằng HTML và CSS
- Mặc định, chiều cao và chiều rộng của iframe được xác định bằng đơn vị pixel.
Ví dụ 1: Dưới đây là cách đặt kích thước cho iframe sử dụng đơn vị pixel:
Kết quả sau khi áp dụng thuộc tính height và width bằng pixel để xác định kích thước của iframe như sau:
Xác định Kích Thước iframe bằng Phần Trăm và CSS
Ví dụ 2: Dưới đây là cách thiết lập kích thước cho iframe bằng phần trăm:
Kết quả sau khi áp dụng thuộc tính height và width bằng phần trăm để xác định kích thước của iframe như sau:
- Hoặc chúng ta có thể sử dụng CSS để đặt chiều rộng và chiều cao của iframe.
Ví dụ 3: Dưới đây là cách sử dụng CSS để đặt chiều rộng và chiều cao cho iframe:
Kết Quả Cuối Cùng Sau Khi Sử Dụng CSS Để Đặt Kích Thước Của iFrame
4. Loại Bỏ Đường Viền Trên iFrame
Thường thì iFrame có đường viền xung quanh mặc định.
Để loại bỏ đường viền này, chúng ta thêm thuộc tính style và sử dụng thuộc tính border trong CSS.
Ví dụ 1: Dưới đây là minh họa cách loại bỏ đường viền cho iFrame trong HTML:
Kết quả trả về sẽ có dạng như sau:
Bằng CSS, chúng ta có thể thay đổi kích thước, kiểu và màu sắc của đường viền của iFrame.
Ví dụ 2: Trong ví dụ dưới đây, chúng ta sẽ điều chỉnh kích thước, kiểu và màu sắc của đường viền của iFrame:
Kết quả trả về sẽ có dạng như sau:
5. Sử Dụng iFrame Làm Khung Đích Cho Liên Kết
Chúng ta cũng có thể sử dụng iFrame như một khung đích cho liên kết (link).
Thuộc tính target của liên kết phải trỏ đến thuộc tính name của iFrame.
Ví dụ: Dưới đây là ví dụ về cách sử dụng iFrame như một khung đích cho liên kết:
Kết quả sẽ xuất hiện như sau:
Trong bài viết này, Mytour đã giới thiệu về thẻ iframe trong HTML. Nếu bạn có bất kỳ thắc mắc hoặc câu hỏi nào cần được giải đáp, độc giả có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết. Nếu bạn quan tâm đến việc học HTML và muốn biết thêm, bài viết tiếp theo của Mytour sẽ giới thiệu về cách nhúng JavaScript vào HTML.
