Có một số cách để tạo nút HTML, nút này hoạt động giống như một liên kết [tôi. e. , nhấp vào nó, người dùng được chuyển hướng đến URL được chỉ định]. Bạn có thể chọn một trong các cách sau để thêm liên kết vào nút HTML
Bạn có thể thêm một sự kiện title nội tuyến vào thẻ
Điều này có thể không hoạt động nếu nút nằm trong
thành phần
Title of the document
Click HereCũng có thể thêm sự kiện title nội tuyến vào thẻ trong phần tử
Title of the document
Các liên kết sẽ không hoạt động khi JavaScript bị tắt và các công cụ tìm kiếm có thể bỏ qua loại liên kết này
Một cách khác để tạo một nút hoạt động giống như một liên kết là sử dụng thuộc tính hành động hoặc định dạng trong
thành phần
Title of the document
Click me
Để mở liên kết trong tab mới, hãy thêm target="_blank"
Title of the document
Click me
Vì không có biểu mẫu và không có dữ liệu nào được gửi, điều này có thể không chính xác về mặt ngữ nghĩa. Tuy nhiên, đánh dấu này là hợp lệ
Title of the document
Click me
Thuộc tính formaction chỉ được sử dụng với các nút có type="submit". Vì thuộc tính này dành riêng cho HTML5 nên khả năng hỗ trợ của nó trong các trình duyệt cũ có thể kém
Thêm liên kết được tạo kiểu dưới dạng nút có thuộc tính CSS. Thuộc tính href là thuộc tính bắt buộc của thẻ. Nó chỉ định một liên kết trên trang web hoặc một vị trí trên cùng một trang nơi người dùng điều hướng sau khi nhấp vào liên kết
Ngoài các nút của ứng dụng của riêng bạn, bạn cũng có thể tạo các nút được hiển thị trên thanh công cụ
Hình 1. Tạo nút mới
Để tạo một nút mới, nhấp vào "Nút mới", nhập tên và chọn loại nút
Hình ảnh2. Chức năng nút mới. Có ba loại nút hiển thị. Nút, Hình ảnh và Liên kết.
Chế độ hiển thị nút
Hình 1. Giao diện cài đặt nút
Chế độ hiển thị - Xác định nút sẽ được hiển thị. Bạn có thể đặt nó làm Liên kết, Nút hoặc Hình ảnh
Nhãn - Xác định tiêu đề nút được hiển thị trong ứng dụng
Gợi ý - Xác định thông báo gợi ý
Thông báo xác nhận - Bất kỳ văn bản nào trong trường này được hiển thị cho người dùng dưới dạng hộp thoại xác nhận. Để không hiển thị thông báo, hãy để trống trường này
Kiểu CSS - Tên lớp kiểu CSS, được tạo trong trình chỉnh sửa lược đồ các nút
Mục tiêu - Cửa sổ đích nơi mã sẽ được thực thi [trong cùng một cửa sổ/trong một số cửa sổ khác]
Hiển thị ở chế độ Phiên bản [Cập nhật] - Xác định xem nút có được hiển thị ở chế độ Phiên bản [cập nhật] hay không
Hiển thị ở chế độ Bổ sung [Chèn] - Xác định xem nút có được hiển thị ở chế độ Bổ sung [Chèn] hay không
Hình 1. Giao diện cài đặt nút
Chế độ hiển thị nút hình ảnh
Hình 1. Giao diện cài đặt nút
Chế độ hiển thị - Xác định nút sẽ được hiển thị. Bạn có thể đặt nó làm Liên kết, Nút hoặc Hình ảnh
Biểu tượng - Biểu tượng hiển thị nút
Gợi ý - Xác định thông báo gợi ý
Thông báo xác nhận - Bất kỳ văn bản nào trong trường này được hiển thị cho người dùng dưới dạng hộp thoại xác nhận. Để không hiển thị thông báo, hãy để trống trường này
Mục tiêu - Cửa sổ đích nơi mã sẽ được thực thi [trong cùng một cửa sổ/trong một số cửa sổ khác]
Hiển thị ở chế độ Phiên bản [Cập nhật] - Xác định xem nút có được hiển thị ở chế độ Phiên bản [cập nhật] hay không
Hiển thị ở chế độ Bổ sung [Chèn] - Xác định xem nút có được hiển thị ở chế độ Bổ sung [Chèn] hay không
Hình 1. Giao diện cài đặt nút
Chế độ hiển thị nút liên kết
Hình 1. Giao diện cài đặt nút
Chế độ hiển thị - Xác định nút sẽ được hiển thị. Bạn có thể đặt nó làm Liên kết, Nút hoặc Hình ảnh
Nhãn - Xác định tiêu đề nút được hiển thị trong ứng dụng
Gợi ý - Xác định thông báo gợi ý
Thông báo xác nhận - Bất kỳ văn bản nào trong trường này được hiển thị cho người dùng dưới dạng hộp thoại xác nhận. Để không hiển thị thông báo, hãy để trống trường này
Kiểu CSS - Tên lớp kiểu CSS, được tạo trong trình chỉnh sửa lược đồ các nút
Mục tiêu - Cửa sổ đích nơi mã sẽ được thực thi. [Cùng một cửa sổ/Cửa sổ khác]
Hiển thị ở chế độ Phiên bản [Cập nhật] - Xác định xem nút có được hiển thị ở chế độ Phiên bản [cập nhật] hay không
Hiển thị ở chế độ Bổ sung [Chèn] - Xác định xem nút có được hiển thị ở chế độ Bổ sung [Chèn] hay không
Hình 1. Giao diện cài đặt nút
Mã số
Hình ảnh2. Giao diện Php
Xóa một nút
Để xóa một nút bấm vào biểu tượng Xóa ở bên phải tên nút tại menu ứng dụng dưới tùy chọn Nút