Các liên kết Hyper được sử dụng để liên kết các trang khác nhau trong một trang web và bên ngoài một trang web với nhau. Điều tương tự có thể đạt được bằng cách sử dụng một nút. Chúng ta có thể sử dụng một nút để liên kết các trang khác nhau. Chúng tôi sẽ kết nối URL của trang mới với sự kiện onclick của nút. Chúng tôi có thể làm điều này bằng cách sử dụng một biểu mẫu và nút gửi nhưng không có điểm nào trong việc sử dụng một biểu mẫu để liên kết các trang. Vì vậy, đây là một số ví dụ về việc sử dụng các nút để liên kết các trang khác nhau.
HTML button with onClick event with location to link between web pages using address or URLs
Video tutorial on Text links in Part I
Another way of linking button
Demo of two types of buttons with code
Using hyper link
Some time from SEO angle linking using a button is not a good idea as we loose the anchored text advantage of hyper linking. Read the article on search engine friendly page design to know more on this.
Opening in a new window
To open the target page in a new window ( new Tab ) we have to use onClick=parent.open()
Managing from a child window
We can open a child window of different height and width by using JavaScript window.open command. We can pass any variable to child window and receive data from child window to main window.
Read More on Child window control in our JavaScript section.
We can display buttons in Child window and manage the main ( parent ) window by using buttons. We can make the main window navigate to different page from the child window.
Check this demo on using buttons to manage main window.
To display above button , source is here
Source code of the buttons used in Child window is here
Button with Style
We can create attractive buttons by using style property. We can manage shape, size, font , background colour, shadow, hover and many other properties of the button. DEMO of Buttons with CSS properties DEMO of Buttons with CSS properties
Using bootstrap style
Bootstrap is opensource front end framework to manage look and feel of your website. We can add attractive buttons using bootstrap classes. We can add attractive buttons using bootstrap classes.
We can change size of these buttons Read more attractive buttons using bootstrap in JQuery section.
Read more attractive buttons using bootstrap in JQuery section.