literature

HTML Image Tutorial: For those who do NOT code :)

Deviation Actions

Lvl-1's avatar
By
Published:
234 Views

Literature Text



How to display images from any website


This tutorial will teach you how to put images from other websites in comments, journals or even on your page! So let's get started!
First you are going to need to have a text box that you can type in, something similar to the deviation description, comment text box or the journal body text box.


  • Step One:
    Type or copy this html code : < img src="LINK HERE">
  • Step Two:
    Paste the html code in the text box where you would like the image to appear
  • Step Three:
    Replace the text 'LINK HERE' with the image url from the image you wish to show (you can get the image url by right clicking the image and selecting 'copy image url')
    Note: Make sure you do not remove the 66 and 99 either side of the 'LINK HERE' text otherwise it will not work
  • Step Four:
    Remove the space in the html code BETWEEN the '<' symbol and 'img' (not the one between 'img' and 'src')
    And there you have your image! You can preview what it will look like by selecting preview on the text box :)
  • Now your comment should look something like this:
    EXMAPLE
    This is totally AADORABLE!

    Oh and yes! Of course you can show gifs as well :D
    Now enjoy the awesomeness of being able to link adorable and awesome images in any text box :D


Comments3
Join the community to add your comment. Already a deviant? Log In
chymesoo's avatar
wow thanks, btw can I request on how to make a box look translucent?