How to insert a GIF file into HTML with Notepad

Written by ken macdonald Google
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to insert a GIF file into HTML with Notepad
Insert GIF images into your website with Microsoft Windows Notepad. (Ciaran Griffin/Stockbyte/Getty Images)

GIF stands for Graphics Interchange Format and these type of image files are the most commonly used on websites along with JPEG files. As well as still pictures, the GIF format supports animation. Still or animated images can draw from a palette of 256 colours meaning they produce good definition in the context of a Web page. Notepad is a simple word processing programme that comes as standard on Windows computers and programmers often use it to create web pages with HTML code.

Skill level:
Moderate

Other People Are Reading

Instructions

  1. 1

    Select the GIF image you want to use from the "images" folder within the folder that holds all your website's elements. If the image is not already in that folder, you need to save it there.

  2. 2

    Open Notepad and navigate to the HTML page where you want to add the image. Select the position where you want the GIF to appear and insert the following line of code: <img src="images/xxx.gif" width="100" height="100" alt="image description"/>

  3. 3

    Replace "xxx" with the file name of the image, including the GIF extension, and change the image dimensions to the correct ones for the relevant photo. Add a brief description of the image.

  4. 4

    Save your Notepad file and upload it to your website with your FTP programme. Transfer the image file and check that the file has the extension ".gif" after you've uploaded it as sometimes the file extension can be inadvertently capitalised, meaning it won't appear on your web page.

Tips and warnings

  • Notepad files must be saved with the extension".html" files to make them work as web pages.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.