Bạn đặt liên kết cho các nút trong HTML như thế nào?

Thuộc tính quan trọng nhất của phần tử

0 là thuộc tính

1, cho biết đích 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

Thí dụ

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

Truy cập W3Schools. com

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 chưa đượ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 hoạt động được gạch dưới và 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ó giao diện khác

---

Liên kết HTML - Thuộc tính đích

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

2 chỉ định nơi mở tài liệu được liên kết

Thuộc tính

2 có thể có một trong các giá trị sau

• 4 - Mặc định. Mở tài liệu trong cùng một cửa sổ/tab khi nó được nhấp vào

• 5 - Mở tài liệu trong cửa sổ hoặc tab mới

• 6 - Mở tài liệu trong khung chính

• 7 - Mở tài liệu trong toàn bộ cửa sổ

Thí dụ

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

Truy cập W3Schools

Tự mình thử »

---

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

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

1

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 một URL tương đối (không có "https. // phần www")

Thí dụ

URL tuyệt đối

W3C

Google

URL tương đối

Hình ảnh HTML

Hướng dẫn CSS

Tự mình thử »

---

---

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 thẻ ________ 100 bên trong thẻ ________ 10

Thí dụ

Tự mình thử »

---

Liên kết đến một địa chỉ email

Sử dụng

02 bên trong thuộc tính

1 để tạo liên kết mở chương trình email của người dùng (để cho phép họ gửi 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 điều 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

Thí dụ

Hướng dẫn HTML

Tự mình thử »

---

Tiêu đề liên kết

Thuộc tính

04 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ử

Chúng ta có thể tạo một nút HTML bằng cách sử dụng thẻ. Thẻ xác định nút có thể nhấp. Chúng tôi sử dụng thẻ liên kết

0 để tạo siêu liên kết. Nó liên kết một trang với một trang khác. Chúng ta có thể tạo một nút hoạt động như một liên kết bằng cách lồng thẻ vào bên trong thẻ neo. Chúng ta có thể chỉ định địa chỉ của liên kết thông qua thuộc tính

1

Ví dụ: tạo một phần tử neo bên trong phần thân HTML. Bên trong phần tử neo, hãy viết thuộc tính

1 và chỉ định URL

7. Sau đó, tạo nút bằng cách sử dụng

nhãn. Bên trong thẻ, viết văn bản

8. Bây giờ, hãy đóng thẻ nút theo sau là thẻ neo

Ví dụ dưới đây cho thấy quá trình tạo nút HTML hoạt động như một liên kết. Nó sẽ tạo một nút sẽ chuyển hướng đến Youtube

Mã ví dụ

9

Sử dụng thuộc tính 0 trong thẻ 1 để tạo một nút hoạt động như một liên kết trong HTML

Chúng ta cũng có thể sử dụng thuộc tính

0 bên trong thẻ nút để tạo một nút hoạt động như một liên kết trong HTML. Thuộc tính này kích hoạt khi nhấp chuột vào phần tử. Tập lệnh chạy khi nhấp chuột. Tuy nhiên, trong quá trình này, trước tiên chúng tôi tạo nút, sau đó chỉ thêm URL mong muốn của chúng tôi. Chúng tôi cũng sẽ sử dụng một chút JavaScript trong phương pháp này. Chúng tôi sẽ sử dụng đối tượng

3 để lấy địa chỉ trang hiện tại và chuyển hướng nó đến một trang mới

Ví dụ: bên trong nội dung HTML, hãy tạo thẻ và sử dụng

9 cho thuộc tính

5. Bây giờ, chỉ định URL mong muốn của bạn bên trong thuộc tính

6. Sau đó, tạo nút bằng phần tử và đặt thuộc tính

3 thành

8. Sau đó, chỉ định văn bản bạn muốn trên nút của bạn. Sau đó, đóng thẻ theo sau là thẻ. Sau đó, đóng tất cả các thẻ còn lại đã mở ở trên