How to display an image using IMG tag

   All Guidelines   

How to display an image using IMG tag


You should use the HTML tag "IMG" to display images in web pages.

Example:

<img src="http://www.indiastudychannel.com/images/logo.png" alt="Some text related to the image" style="padding:5px" align="left" >


The above html will display the image specified in the "src" attribute.

You can optionally specify the text title using the "alt" attribute, which will be shown when a user move the mouse over the displayed image.

The "padding" attribute within the "style" specifies that there should some 5 pixel gap between image and the next element like text in the page.

"align" attribute specifies whether the image has to be aligned left, center or right.

Tips & rules

1. In the "src" attribute, do not link to images in other sites. Such linking is called "hard linking". In most cases, it is illegal to do hard linking. In some cases, other sites allow you to do hard linking, but that is a trick. After few years, they will either delete those images or convert those images to advertisements which will mess up our site.

If you are using an image in our site, make sure the image is attached in our site. You should link to images in our site and not any other sites.

2. Do not specify width and height attributes for an image. Instead, resize the image before you upload.

   All Guidelines   


Point to Point!

Top Contributors
Today
    Last 7 Days
      more...

      Latest Articles

      Best Employee Rewards Platforms in India
      Discover best Employee Rewards Platforms in India. Explore the leading Employee Rewards Platforms in India that are revolutionizing the dynamics of workplaces.

      Scope of smm in digital marketing in 2024
      Social Media Marketing (SMM) involves using social media platforms to connect with your audience, build your brand, drive website traffic effectively, and increase sales or engagement or leads. It encompasses a range of activities aimed at creating and sharing and creative content on social media networks to achieve marketing goals and it gives you better results

      IOS-17.1.2 - 10 - Major Update Updates
      iOS 17.1.2 is the latest version of Apple's mobile operating system. It includes a number of new features and improvements, including a redesigned Focus Mode, enhanced Live Text, improved Visual Look Up, a new Weather app, updated Maps, a revamped Wallet app, enhanced Safari, a smarter Siri, improved Handoff, and general performance improvements

      More...