How can I add a picture in address bar of the browser when my page is browsed?

You need a favicon - this is a 16x16 image in .ico format stored as favicon.ico in the root directory your site. Some browsers do support other formats too.

A newer, more standards based approach is to include something like this in your html head:

<link rel="icon" type="image/png" href="/path/image.png"/>

See also this document from W3C: How to Add a Favicon to your Site

You might also want to refer to these other answers to the question:

  • Image icon beside the site URL
  • What is currently the best way to get a favicon to display in all browsers that support Favicons?
  • Preferred way to use favicons?

Tags:

Html

Favicon