Cách liên kết trang này với trang khác trong html bằng nút

Trong khi học viết mã, bạn có thể thắc mắc về cách liên kết nút gửi với trang web khác bằng HTML. Nhu cầu về câu hỏi này phát sinh khi bạn muốn gửi thông tin bạn đã viết và chuyển sang trang khác. Với HTML, bạn có thể liên kết nút gửi tới một trang web khác và nhận được kết quả mong muốn của mình. Các nút gửi thường được sử dụng trong khi gửi biểu mẫu. Vì vậy, tìm hiểu về thẻ biểu mẫu trong HTML trở nên quan trọng để liên kết nút gửi với trang web khác. Để thu thập đầu vào của người dùng, một biểu mẫu HTML được sử dụng. Phần lớn thời gian, đầu vào của người dùng được truyền đến máy chủ để xử lý. Để tìm hiểu cách liên kết nút gửi với một trang web khác bằng HTML, bạn đã đến đúng nơi. Trong hướng dẫn này, bạn sẽ được trình bày một số cách để liên kết nút Gửi với một trang khác

Kiểm tra Cách thêm liên kết vào nút trong HTML tại đây

Liên kết nút gửi đến một trang khác bằng cách sử dụng thẻ biểu mẫu trong HTML

Để liên kết một nút gửi đến một trang web khác bằng cách sử dụng Thẻ biểu mẫu HTML

• Sử dụng Thuộc tính hành động của Biểu mẫu HTML, chúng tôi có thể liên kết nút gửi với một trang riêng trong phần tử Biểu mẫu HTML
• Tại đây, hãy khai báo/ghi nút “Gửi” trong Thẻ biểu mẫu HTML và cung cấp Đường dẫn tệp bên trong thuộc tính hành động của biểu mẫu HTML
• Sau đó, khi người dùng nhấn vào Nút biểu mẫu, họ sẽ được chuyển đến một trang khác

Tìm hiểu thêm về Cách triển khai các loại danh sách khác nhau trong HTML tại đây

Nút gửi liên kết bằng cách sử dụng thẻ neo trong HTML

Để liên kết một nút gửi đến một trang web khác bằng cách sử dụng Thẻ neo HTML

• Trong HTML, liên kết các nút gửi bằng Thẻ neo là một cách tiếp cận đơn giản và đáng tin cậy
• Viết/Khai báo nút Gửi giữa thẻ Bắt đầu và thẻ Đóng của thẻ Anchor
• Cung cấp Đường dẫn nơi bạn muốn liên kết Nút Gửi của mình bằng cách sử dụng thuộc tính href của phần tử Anchor

Tìm hiểu Cách tạo văn bản có thể nhấp trong HTML tại đây

Liên kết gửi nút đến một trang khác bằng Javascript

Để liên kết một nút gửi đến một trang web khác bằng JavaScript

• Nếu bạn không cần sử dụng các phần tử Biểu mẫu hoặc Điểm neo để liên kết nút Gửi với một trang riêng biệt trong HTML, thì hãy sử dụng JavaScript để thay thế
• Trong JavaScript, bạn có thể tạo một Hàm sẽ xử lý tất cả dữ liệu, chẳng hạn như Đường dẫn Trang mà bạn muốn kết nối với Nút Gửi của mình
• Sử dụng tên Hàm để gọi hàm đó bên trong thuộc tính HTML onClick
• Đây được gọi là chức năng được chỉ định và bạn có thể chuyển hướng khách truy cập của mình từ trang này sang trang khác bằng cách nhấn nút Gửi

Mục đích của nút gửi trong biểu mẫu HTML là gì?

• Nút gửi tự động gửi biểu mẫu khi nhấp. Sử dụng biểu mẫu HTML, bạn có thể dễ dàng lấy đầu vào của người dùng
• Thetag được sử dụng để nhận đầu vào của người dùng, bằng cách thêm các thành phần biểu mẫu. Các loại phần tử biểu mẫu khác nhau bao gồm nhập văn bản, nhập nút radio, nút gửi, v.v.

• Để liên kết nút gửi với một trang web khác, hãy sử dụng thuộc tính hành động biểu mẫu. Thêm liên kết vào thuộc tính, ví dụ -

Tìm hiểu Cách liên kết hai trang HTML với nhau tại đây

Làm cách nào để xử lý một số nút gửi trong biểu mẫu HTML?

• Trong Biểu mẫu HTML, tất cả các Nút được bao gồm trong Thẻ Biểu mẫu có chức năng như Nút Gửi, nút này sẽ đưa khách truy cập đến cùng một trang (như được chỉ định trong thuộc tính hành động của biểu mẫu HTML)
• Nếu bạn muốn xử lý nhiều nút Gửi, hãy sử dụng các thẻ Biểu mẫu khác nhau với nhiều Đường dẫn trang
• Ngoài ra, bạn có thể chuyển hướng người dùng bằng cách sử dụng nhiều nút gửi trong HTML bằng cách sử dụng thẻ Anchor thay vì thẻ Form

Một số chủ đề cụ thể khác như cách liên kết nút gửi tới một trang web khác bằng HTML sẽ giúp bạn nâng cao kỹ năng và giải quyết các truy vấn của mình một cách dễ dàng. Nếu bạn muốn đọc thêm về Phát triển Web, bạn có thể xem Khóa học Phát triển Web /a> trên ứng dụng Testbook. Điều này có một số tài nguyên sẽ giúp bạn bao gồm tài liệu học tập, các buổi cố vấn, các vấn đề, v.v. Bạn có thể tải xuống ứng dụng Testbook từ Google PlayStore và có thể tận dụng một số phiếu giảm giá và phiếu giảm giá thực sự thú vị

Thuộc tính quan trọng nhất của phần tử là thuộc tính href, 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 target chỉ định nơi mở tài liệu được liên kết

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ộ 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 href

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ẻ 0 bên trong thẻ

Thí dụ

Tự mình thử »

---

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

Sử dụng 2 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 (để 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 4 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ử