Как добавить кнопку внутри тега href

Question

Я хотел иметь тег с href и изображением внутри, я добавил некоторый css, и мой тег выглядит как квадрат с ссылкой href, и теперь я хочу добавить кнопку clickable внутри тега, кнопку с javascript onClick. Я добавляю его, но когда я нажимаю кнопку href link clicked not my js function, кто-нибудь может мне помочь?

Answer 1

a тег - единственный элемент, который может иметь атрибут href. Я сделал небольшой пример:

HTML:

<a href="#">Click me</a> 

CSS:

a { 
    display: block; 
    padding: 10px 0; 
    background: red; 
    text-decoration: none; 
    text-align: center; 
    color: #fff; 
    font: 17px Arial; 
} 

Но для onClick события, как бы вы хотели, чтобы это было выполнено?