Abby Moore Designs

Images as Buttons HTML

Today I learned how to create buttons in HTML with images.

I am working on a website for my New Media Class and I needed to create buttons for it and I wanted them to be images of some of the products.

The example of code I used was:

In the div tag of the column I’m working in I first created a button type:

<button type=”button”>

<a href=”showcase.html”</a> which actually links the button to another page.

<img src=”images/name.jpg” class=”button”/> </button>. The rest of this tag will be up to your customization, such as width and height and the actual name of the image.

I then created a css style called .button which is also up to you to customize to your liking.