How to Insert a GIF File Into HTML With a Notepad

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.

A GIF file is a type of image file that you can place on an HTML website to add color and decoration to your page. You can use the Notepad program to edit the website HTML and add the code for the GIF image. To do this, the GIF image you want to use must already be uploaded to your website host server or an image storage service and you must have the GIF's URL address. You can insert this URL address in your HTML code to display the image on your website.


Step 1

Launch the Notepad program on your computer.

Video of the Day

Step 2

Click "File," then click "Open" to browse your computer for your webpage HTML file.

Step 3

Double-click the file to open the code in Notepad.


Step 4

Highlight the following HTML code, right-click and select "Copy" from the menu:

Step 5

Right-click within the HTML code in Notepad, then select "Paste" to paste a copy of the code into your HTML.



Step 6

Highlight the "GIFURL" text within the code and type the actual URL of the GIF image. Do not remove the quotation marks around the URL during this process.

Step 7

Save the changes and upload the changed HTML file to your Web host as you normally would. When you view your page, you will now see the GIF image.

Video of the Day




Report an Issue

screenshot of the current page

Screenshot loading...