Header1 on website HTML5

Question

I made a customer banner on word and I am trying to display as my h1 on my project.

website link:

http://younani.com/finalsite/contactus.html

I only implemented it in the contact us page, so the other pages don't have it. As you could see, its blurry and doesn't fit right. Even when I try to adjust the size and the image remains blurry.

Here is the code for h1 and I haven't included anything in the CSS for it, is that the problem?

<h1><img alt="flower" src="banner.jpg" width="1000" height="100" /></h1>

Answer 1

dont use  1000 width use 

<img width="960" height="100" src="banner.jpg" alt="flower">

Answer 2

Your image is 674x194, make your width and height attributes match respectively, and it will not stretch the image.

<h1><img alt="flower" src="banner.jpg" width="674" height="194" /></h1>