Anchor tags are different than buttons, but they can sometimes be used to perform the same task, even though the way we style them and code them might be quite different. The two elements below may look similar, but the top one is an anchor tag styled to look like a button. And the bottom one is a button.
Look at the source code to see how they are different. An anchor tag has a hypertext reference (or href) that is linked to another location. It already knows that its job is to provide a link. On the other hand, a button does not know what its job is until we tell it what to do. So for the button, we need to add a JavaScript click event to let it know that its job is to provide a link. And you will notice that there is no link associated through the button code on line 48. But line 54 below it tells this HTML document to look for JavaScript code in the script.js external JavaScript file. If you look at the code in that file, you will see how this was done, mostly through the code written on line 8 of that file.
Notice that each of these "buttons" opens a link in a separate tab of our web browser. For the anchor tag with the id="btn1", that happens through the target = "_blank" code on line 45 of this index.html file. As for the true button with the id="btn2", that happens through the "_blank" portion of the code on line 8 of the external script.js file. But don't get hung up on this. We will learn more about JavaScript in a separate course.