Khám phá Thẻ iframe trong HTML
Giới thiệu
Bạn từng nghe đến thẻ iframe trong HTML nhưng chưa biết cách sử dụng? Đừng lo, bài viết này sẽ giúp bạn hiểu rõ hơn về thẻ iframe và cách tận dụng tính năng tuyệt vời này. Hãy cùng khám phá cùng chúng tôi!
Thẻ iframe trong HTML
Thẻ iframe cho phép bạn tạo ra khung nội tuyến một cách linh hoạt, không giới hạn ở vị trí và liên quan đến thẻ frameset. Bằng cách sử dụng thuộc tính src, bạn có thể chỉ định liên kết đến trang web chứa khung nội tuyến.
Cách sử dụng thẻ iframe trong HTML
Thẻ iframe được sử dụng để tạo khung nội tuyến và được đặc tả thông qua thẻ iframe trong HTML. Bạn chỉ cần sử 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.
Định dạng kích thước cho khung iframe
Thiết lập kích thước bằng pixel
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:
Áp dụng thuộc tính height và width để xác định kích thước của iframe
Thiết lập kích thước bằng phần trăm và CSS
Bạn cũng có thể thiết lập kích thước của iframe bằng phần trăm sử dụng thuộc tính height và width.
Ví dụ 2:
Xác định kích thước của iframe bằng phần trăm
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:
Sử dụng CSS để đặt kích thước của iframe
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 có thể sử dụng CSS và thuộc tính border.
Ví dụ 1:
Minh họa cách loại bỏ đường viền cho iframe trong HTML
Sử dụng iframe làm khung đích cho liên kết
Bạn cũng có thể sử dụng iframe như một khung đích cho liên kết. Để làm điều này, 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ụ:
Cách sử dụng iframe làm khung đích cho liên kết
Kết luận
Qua bài viết này, bạn đã hiểu rõ hơn về thẻ iframe trong HTML và cách sử dụng nó. Nếu bạn có bất kỳ thắc mắc hoặc câu hỏi nào, hãy để lại ý kiến của mình trong phần bình luận bên dưới. Hãy tiếp tục khám phá HTML và cùng chờ đón bài viết tiếp theo về cách nhúng JavaScript vào HTML từ Mytour!
