Thẻ Base trong HTML!
Trong Serries tự học HTML chương 2 Myboxst đã liệt kê cho bạn tất cả những thẻ có trong html.
Bây giờ hãy cùng Myboxst thực hành về tác dụng của từng loại thẻ (tag) trong html.
Trong bài viết này chúng ta sẽ tìm hiểu về Thẻ <base>.
Công dụng của thẻ base
Thẻ <base> sẽ tạo một “đường dẫn cơ sở” cho trang web.
Chúng ta có thể dùng “đường dẫn cơ sở ” trong thẻ base kết hợp với một “đường dẫn tương đối” để tạo nên một đường dẫn đích cho trang web.
Cách sử dụng thẻ base
Nội dung thẻ <base> thường được viết như sau:
<base href="đường dẫn (URL) cơ sở" target="_blank">Để dễ hình dung hơn bạn hãy xem ví dụ bên dưới:
Đoạn Code HTML
<!DOCTYPE html><html lang="en"><head> <title>Ví dụ thẻ base</title> <base href="https://www.myboxst.com/wp-content/uploads/" target="_blank"></head><body> <h5>Ví dụ dùng thẻ <base> tạo một đường dẫn (URL) đích cho trang:</h5> <p>Chúng ta sẽ tạo một đường dẫn => đến hình ảnh hoa hậu Việt Nam 2018 bằng cách tạo đường dẫn cơ sở với thẻ <base> và đường dẫn tương đối nằm trong thuộc tính href thẻ <a></p> <p><b>Bạn có thể xem code và đường dẫn (URL) bên trái!</b></p> <img src="https://www.myboxst.com/wp-content/uploads/2022/05/hoahauVN_2018_vidu-1024x796.jpg" width="767" height="596" alt="HOAHAUVN30"> <p>Kết quả là chúng ta sẽ có đường link như sau: <a href="2022/05/hoahauVN_2018_vidu-1024x796.jpg">https://www.myboxst.com/wp-content/uploads/2022/05/hoahauVN_2018_vidu-1024x796.jpg</a></p></body></html>Kết Quả hiển thị:
Ví dụ dùng thẻ <base> tạo một đường dẫn (URL) đích cho trang:
Chúng ta sẽ tạo một đường dẫn => đến hình ảnh hoa hậu Việt Nam 2018 bằng cách tạo đường dẫn cơ sở với thẻ <base> và đường dẫn tương đối nằm trong thuộc tính href thẻ <a>
Bạn có thể xem code và đường dẫn (URL) bên trái!
Kết quả là chúng ta sẽ có đường link như sau: https://www.myboxst.com/wp-content/uploads/2022/05/hoahauVN_2018_vidu-1024x796.jpg
Bạn có thể Copy và past code để test bằng Texteditor online tại đây!
Lời kết
Tóm lại, tag <base> trong HTML là một công cụ rất hữu dụng đối với chúng ta trong việc chèn và thiết lập liên kết đường dẫn mà chỉ cần nhớ “đường dẫn tương đối”! Sử dụng nó hợp lí sẽ tiết kiếm khá nhiều thời gian trong việc tìm kiếm và copy past link!
Nếu có vấn đề cần giải đáp hãy để lại comment tại phần bình luận bên dưới.
▼ Hãy share bài viết nếu bạn thấy bài viết có ích! Hoặc xem lại khi bạn quên! Chúc bạn thành công!▼
nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với. So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
Không có nhận xét nào:
Đăng nhận xét