Cách để nhúng một trang web khác vào trang của mình

09/May/2019, 18.55.53

Thẻ IFRAME trong HTML là thẻ dùng để nhúng 1 trang web, 1 tài liệu nào đó vào trang web hiện tại. Nó giống như 1 cái khung mà tại đó trình duyệt sẽ hiển thị một trang riêng biệt bao gồm cả thanh cuộn và boder. Để có thể hình dung 1 cách dễ dàng về công dụng của thẻ IFRAME thì bạn xem ví dụ demo ở dưới đây.

Hướng dẫn dùng thẻ IFRAME để nhúng trang web
Để chèn iframe vào trang web bạn cặp thẻ <iframe> với cấu trúc như sau:

<iframe src="link-web"></iframe>

Trong đó

<iframe></iframe> là cặp thẻ đóng mở
src là thuộc tính bắt buộc để dẫn tới 1 trang web khác

Ví dụ

<iframe src="https://vfmedia.net"></iframe>

Các thuộc tính cơ bản của thẻ IFRAME trong HTML

src: Thuộc tính khai báo đường dẫn tới 1 trang web hoặc 1 file tài liệu nào đó.
width: Thuộc tính dùng để khai báo chiều rộng của iframe (đơn vị là px hoặc %)
height: Thuộc tính dùng để khai báo chiều cao của iframe (đơn vị là px hoặc %)
name: Thuộc tính này dùng để đặt tên cho frame. Nó hay được dùng khi muốn hiển thị 1 liên kết nào đó trong 1 frame có thuộc tính name.
frameborder: Thuộc tính dùng để thiết lập đường viền bao quanh frame. Thuộc tính này sẽ có 2 giá trị: 0 – ẩn đường viền, 1 – hiện đường viền. Nếu không khai báo thuộc tính này thì mặc định là đường viền được hiển thị.

Ví dụ về thẻ IFRAME trong HTML
Dưới đây là đoạn code ví dụ về thẻ IFRAME với đầy đủ các thuộc tính cơ bản.

<a href="https://vfmedia.net" target="the-iframe">VF Media</a>
<br />
<iframe src="https://vfmedia.net" width="100%" height="500px" name="the-iframe" frameborder="0"></iframe>

Trong đó có thẻ <a> với thuộc tính target dùng để nhắm đích tới iframe có name là the-iframe.

Lời kết
Như vậy là bạn đã biết dùng thẻ IFRAME trong HTML để nhúng 1 trang web, tài liệu bất kỳ vào trang web của bạn rồi nhé. Cách làm rất đơn giản đúng không nào. Nếu thấy bài viết hay hãy like và share nhé. Nhớ theo dõi chuyên mục học HTML để học thêm nhiều thẻ khác trong HTML nhé. Chúc bạn thành công!

Bờm_kute

Cảnh báo:

Khi bạn để lại bình luận vui lòng không spam, không dùng những từ ngữ thô tục lăng mạ người khác.
Nếu bạn coppy bài của người khác hoặc từ trang khác, xin vui lòng điền tên tác giả và nguồn của bài viết nhé...!
Các bài viết trên Share4s chỉ mang tính chất tham khảo, bạn nên cân nhắc kỹ lưỡng trước khi xem hoặc tải nội dung bài viết, cẩn thận lừa đảo và virus. Hãy quét virus trước khi cài đặt bất cứ thứ gì.
Chúng tôi sẽ không chịu trách nhiệm với các bài viết do thành viên đăng lên trên các kênh của Share4s.
Nếu trường hợp bạn phát hiện bài viết là hình thức lừa đảo hoặc nội dung bài viết sai thực tế, bạn vui lòng gửi báo cáo tới admin để được giải quyết, chúng tôi sẽ xử lý nghiêm các vấn đề vi phạm.
Share4s luôn hướng tới mục tiêu cộng đồng giao lưu vui vẻ, lịch sự, nhiệt tình.
Hãy để lại cảm nhận của bạn, chúng tôi vui vẻ đón nhận và sẽ cố gắng phát huy trang web một cách tốt nhất để phục vụ các bạn.
Cảm ơn bạn đã luôn quan tâm và ủng hộ Share4s, chúc bạn một ngày làm việc hiệu quả!

iframe, code, WebSite | 463 | Thủ thuật website

Tổng số bình luận: 0