How to Show a JPEG Logo in HTML
JPEG files are images that are compressed to create a smaller-sized file than, for example, PNG or BMP image files that feature no compression. This makes JPEG an ideal format for use on the Internet, as a smaller-sized image file will download quicker than a larger image file. If you have a company logo that you want to display on an HTML Web page, you can do this by creating an "<IMG>" tag. An "<IMG>" tag is an HTML tag is used to embed images in HTML Web pages.
Instructions
-
-
1
Open your HTML Web page in an HTML or text editor. To use a native Windows text editor, right-click the HTML Web page, then click "Open With." Click to select "Notepad" from the listed applications, then click "OK."
-
2
Click to place your cursor on the line where you want the JPEG logo to appear between the "<body>" and "</body>" tags of your HTML Web page. These tags define the body of the Web page, which is where the HTML code is added for items that you want to display on the page.
-
-
3
Type "<img src='[jpeg_logo.jpg]'" and press "Spacebar." Replace the "[jpeg_logo.jpg]" text with the URL (Web address), if necessary, and name of the JPEG logo file.
-
4
Type "width='[logo_width]'" and press "Spacebar." Replace the "[logo_width]" text with the width of the JPEG logo in pixels. For example, if the width of the JPEG logo is 300 pixels, type "width='300'".
-
5
Type "height='[logo_height]'". Replace the "[logo_height]" text with the height of the JPEG logo in pixels. For example, if the height of the JPEG logo is 200 pixels, type "height='200'".
-
6
Type ">" to close the "<IMG>" tag.
-
7
Click the "File" menu, then click "Save."
-
1