Bạn đang xem : cách liên kết tệp trong html

HTML

Liên kết

Các liên kết được tìm thấy trong hầu hết các trang web. Các liên kết cho phép người dùng nhấp theo cách của họ từ trang này sang trang khác.

Liên kết HTML – Siêu liên kết

Các liên kết HTML là các siêu liên kết.

Bạn có thể nhấp vào một liên kết và chuyển đến một tài liệu khác.

Khi bạn di chuột qua một liên kết, mũi tên chuột sẽ biến thành hình bàn tay nhỏ.

Lưu ý: Liên kết không nhất thiết phải là văn bản. Một liên kết có thể là một hình ảnh
hoặc bất kỳ phần tử HTML nào khác!

Liên kết HTML – Cú pháp

Thẻ HTML & lt; a & gt; xác định một siêu liên kết.
Nó có cú pháp sau:

& lt; a href = “” & gt; & lt; / a & gt;

Thuộc tính quan trọng nhất của phần tử & lt; a & gt;
thuộc tính href
, chỉ ra điểm đến của liên kết.

Văn bản liên kết là phần sẽ hiển thị cho người đọc.

Nhấp vào văn bản liên kết, sẽ đưa người đọc đến địa chỉ URL được chỉ định.

Ví dụ

Ví dụ này cho thấy cách tạo liên kết đến W3Schools.com:

& lt; a href = “https://www.w3schools.com/” & gt; Truy cập W3Schools.com! & lt; / a & gt;

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

  • Một liên kết không được truy cập được gạch chân và có màu xanh lam
  • Một liên kết đã truy cập được gạch chân và có màu tím
  • Một liên kết đang hoạt động được gạch chân và có màu đỏ

Mẹo: Tất nhiên, các liên kết có thể được tạo kiểu bằng CSS, để có được
một cái nhìn khác!

Liên kết HTML – Thuộc tính mục tiêu

Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại.
Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.

Thuộc tính target chỉ định nơi mở tài liệu được liên kết.

Xem Thêm  Các khóa học Blockchain online tốt nhất năm 2020 - học blockchain

Thuộc tính target có thể có một trong các giá trị sau:

  • _ self – Mặc định. Mở tài liệu trong
    cùng một cửa sổ / tab khi nó được nhấp vào
  • _ blank – Mở tài liệu trong cửa sổ hoặc tab mới
  • _ parent – Mở tài liệu trong khung chính
  • _ top – Mở tài liệu trong toàn bộ phần nội dung của cửa sổ

Ví dụ

Sử dụng target = “_ blank” để mở tài liệu được liên kết trong tab hoặc cửa sổ trình duyệt mới:

& lt; a href = “https://www.w3schools.com/”
target = “_ blank” & gt; Truy cập W3Schools! & lt; / a & gt;

Hãy tự mình thử »

URL tuyệt đối so với URL tương đối

Cả hai ví dụ trên đều đang sử dụng URL tuyệt đối (địa chỉ web đầy đủ)
trong thuộc tính href .

Một liên kết cục bộ (liên kết đến một trang trong cùng một trang web) được chỉ định bằng
URL tương đối (không có
phần “https: // www”):

Liên kết HTML – Sử dụng Hình ảnh làm Liên kết

Để sử dụng hình ảnh làm liên kết, chỉ cần đặt & lt; img & gt;
bên trong thẻ & lt; a & gt; :

Liên kết đến Địa chỉ Email

Sử dụng
mailto:
bên trong
thuộc tính href
để tạo liên kết mở chương trình email của người dùng (để
để họ gửi một email mới):

Nút dưới dạng liên kết

Để sử dụng nút HTML làm liên kết, bạn phải thêm một số mã JavaScript.

JavaScript cho phép bạn chỉ định những gì xảy ra tại một số sự kiện nhất định, chẳng hạn như một lần nhấp vào nút:

Mẹo: Tìm hiểu thêm về JavaScript trong Hướng dẫn JavaScript của chúng tôi.

Tiêu đề liên kết

Thuộc tính title chỉ định thông tin bổ sung về một phần tử.
Thông tin thường được hiển thị dưới dạng văn bản chú giải công cụ khi chuột di chuyển qua phần tử.

Ví dụ

& lt; a href = “https://www.w3schools.com/html/” title = “Truy cập HTML của W3Schools
phần “& gt; Truy cập Hướng dẫn HTML của chúng tôi & lt; / a & gt;

Xem Thêm  Alipay là gì? Thông tin về ví điện tử Alipay mới nhất 25 - alepay là gì

Hãy tự mình thử »

Tìm hiểu thêm về URL tuyệt đối và URL tương đối

Ví dụ

Sử dụng URL đầy đủ để liên kết đến một trang web:

& lt; a href = “https://www.w3schools.com/html/default.asp” & gt; Hướng dẫn HTML & lt; / a & gt;

Hãy tự mình thử »

Ví dụ

Liên kết đến một trang nằm trong thư mục html trên trang web hiện tại:

& lt; a href = “/ html / default.asp” & gt; Hướng dẫn HTML & lt; / a & gt;

Hãy tự mình thử »

Ví dụ

Liên kết đến một trang nằm trong cùng thư mục với trang hiện tại:

& lt; a href = “default.asp” & gt; Hướng dẫn HTML & lt; / a & gt;

Hãy tự mình thử »

Bạn có thể đọc thêm về đường dẫn tệp trong chương HTML
Đường dẫn tệp
.

Tóm tắt chương

  • Sử dụng phần tử & lt; a & gt; để xác định liên kết
  • Sử dụng thuộc tính href để xác định địa chỉ liên kết
  • Sử dụng thuộc tính target để xác định nơi mở tài liệu được liên kết
  • Sử dụng phần tử & lt; img & gt; (bên trong & lt; a & gt; )
    để sử dụng hình ảnh làm liên kết
  • Sử dụng
    mailto:
    lược đồ bên trong
    thuộc tính href
    để tạo liên kết mở chương trình email của người dùng

Thẻ liên kết HTML

Nhãn
Sự mô tả
& lt; a & gt; xác định siêu liên kết

Để có danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập Tham khảo thẻ HTML của chúng tôi.


Xem thêm những thông tin liên quan đến chủ đề cách liên kết một tệp trong html

Link Html – Tạo liên kết các nội dung trên website | Unitop.vn

  • Tác giả: Phan Văn Cương [Học Web Online]
  • Ngày đăng: 2021-10-28
  • Đánh giá: 4 ⭐ ( 1707 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách sử dụng link trong html? Trong video này tôi chia sẻ cho bạn những thứ cần biết về link để giúp bạn làm chủ quá trình xây dựng website của mình.

    ——
    » » Bấm đăng ký kênh để tránh bỏ sót video mới://bit.ly/2RMvXez
    » » Nhận tài liệu học web miễn phí qua mail: https://www.hocwebdilam.com
    ————
    Liên Kết Quan Trọng
    » Nhận tài liệu miễn phí: https://hocwebdilam.com?utm_source=youtube
    » Blog lập trình: http://unitop.com.vn
    » Đăng ký khoá học web đi làm: https://unitop.vn
    » Fanpage: https://facebook.com/unitop.vn
    » Fb: https://facebook.com/cuongtienlen

    ————————–
    Xem Lộ Trình Học Lập Trình Web Đi Làm
    » http://unitop.vn

    unitop hocwebdilam

Đường dẫn file trong HTML tương đối và tuyệt đối, Link Ảnh bài viết

  • Tác giả: thuthuat.taimienphi.vn
  • Đánh giá: 3 ⭐ ( 2116 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: duong dan file trong html, Đường dẫn file trong HTML tương đối và tuyệt đối, link Ảnh bài viết

Sử dụng hình ảnh và liên kết trong HTML

  • Tác giả: www.niemvuilaptrinh.com
  • Đánh giá: 5 ⭐ ( 4645 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài này mình sẽ giới thiệu các bạn về thẻ hình ảnh và thẻ đường dẫn html cho phát triển website.

Cách liên kết CSS với HTML để trang trí web của bạn

  • Tác giả: intero.vn
  • Đánh giá: 5 ⭐ ( 5630 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 3 Cách liên kết CSS với HTML để trang trí web của bạn! Nếu không biết liên kết css vơi Html sẽ làm bạn rất khó làm việc với Html sau này

Liên kết trong HTML5

  • Tác giả: comdy.vn
  • Đánh giá: 5 ⭐ ( 4603 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn này, bạn sẽ học cách tạo liên kết đến các trang khác bằng HTML.

Liên kết trong HTML

  • Tác giả: webvn.com
  • Đánh giá: 5 ⭐ ( 4518 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ví dụ và cách sử dụng liên kết trong HTML.

Thẻ tạo liên kết HTML

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php