Looking for NEET / JEE Coaching? Enquire Now
You must Sign In to post a response.
  • Category: Programming

    HTML Code to insert image in your article/resource from your desktop/laptop or hard disc


    Want to know how to insert image using HTML code in any article or a resource? Looking out for a solution online? find suggestions from experts on this page to carry out the insertion.

    I have searched the resources and article for HTML Code to insert image in your article/resource from your desktop/laptop or hard disc but did not find any. I would like the experts to provide an answer with example in order to understand in better way. You can consider as a beginner with no/little knowledge of computer.

    If a person has a photo/ picture stored in his computer and would like to use it in his article, how can he use it. Like he has different topics covered in that article and he needs to provide different pictures or photos for each topics or category. What HTML code should he use in order to place the picture/photo in the correct place?
  • Answers

    3 Answers found.
  • If you go through the help topics you can understand the methodology of posting an image and how to post an image. For your convenience, I am giving below two links. You can read these two topics.
    1. How to display an image using IMG tag

    2. Image posting guidelines

    drrao
    always confident

  • If you want to insert an image from your computer to the article or your content page then img tag is required. This is a very versatile tag and does not have a closing tag with it. Using src attribute you can tell the image file name which you want to insert at this place. There is another attribute alt through which one can create an alternate text (which will be shown when a user moves the mouse over the displayed image) to the image and one more important attribute is style through which one can define the width and height of the image. Finally to move the image left, right or centre one can use the align attribute.

    Now let us see the syntax of img tag. Suppose there is an image file as picture.jpg which you want to insert using img html tag. You also want to give it an alternate name as 'Picture of the gadget' and you want to keep the image on the left side. So, the syntax will look like:
    img src="picture.jpg" alt="Picture of the gadget" style="width:500px;height:600px;" align="left">

    If one wants to change the gap between the image and document text then within the style one has to use another attribute padding by specifying the number of pixels to be given as gap the syntax is say for example padding:10px which will create a gap of 10 pixels.

    Knowledge is power.


  • After publishing the article, you will find 'Attachment' option under header. Click on it.

    The next page will show you as "Add New Attachments/Images " button in blue color. Click on it.

    You will see the option, like, "Add Multiple Attachments/Images". Click on "Choose File" button next to 'Attachment 1 Title:'. It is better to use jpg format with less than 200kb which you can resize from 1MB or above image file to less than 200kb for speed attachment and fast download for the viewers from the page.

    You can add multiple image if you want with the same steps. Once you chosen files to attached, just type the main keyword in the blank field next to "Attachment 1 Title:" or "Attachment 2 Title:" etc. for better SEO. For example, if you are attaching an image for 'Travel to Goa' then type the name or keyword as 'Goa Travel'. Once done everything or attached. You can then click on 'Submit Attachment' button (that available below / bottom) without any option changes.

    You will get the image code in the next page with thumbnail photos. Just copy (highlight the code only and ctrl+c) the entire code of each photo separately without missing the gap.

    Each photo code then paste in the article (after using the editing option of the article) wherever you want it and submit the article. View the article to see the alignment is correct or not. If yes, then no issue. If not, you can move the each photo code to wherever you desire in the article and see them.

    Hope it explains you.


  • Sign In to post your comments