How To Use HTML To Insert A Logo - Techwalla

Get the latest news and alerts! Later Notify

1. Tech Support
2. How To

How to Use HTML to Insert a Logo By Sabah Karimi Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.

When you want to add an logo to your website or e-mail, some simple HTML is all it takes to insert the image. Adding a logo can make your online publishing efforts much more professional, and it's easy to add different logos and images to your files once you memorize the basic code. If you want to insert a logo into a design or file, here's how to use HTML to create your web-friendly logo.

Advertisement

Step 1

Locate the file of your logo. You'll need the file location and extension of your logo image so that you can insert it into the code.

Video of the Day

Step 2

Open your word editor. Open up Notepad or other word processing software to begin writing your code.

Advertisement

We Recommend

Tech Support How to Make a Product Catalog With HTML By Finn McCuhil Tech Support How to Flip Images Horizontally With HTML Code By Kylie Worthington Tech Support How to Insert .GIF Files on My Website By Wendy Strain

Step 3

Write the code to insert an image file. Type <img src=" followed by your file location/name, and extension. End this portion of the code with one set of apostrophes and close your tag with a '>'.

We Recommend

Tech Support How to Make a Product Catalog With HTML By Finn McCuhil Tech Support How to Flip Images Horizontally With HTML Code By Kylie Worthington Tech Support How to Insert .GIF Files on My Website By Wendy Strain

Step 4

Insert 'alt tag' information. This is valuable for the search engines and users who cannot read images. This information can include your company name or simply the message of your logo. You'll need to add this immediately after the 'img src' section and insert the text around two apostrophes.

Advertisement

Advertisement

Step 5

Indicate height and width of your image. Height and width information go immediately after your alt tag attribute and are also wrapped around apostrophes. You will need to write the following: width = "(number of pixels)" height="(number of pixels)".

Step 6

Indicate border information then close the tag. Border thickness is not required for all logos, but the default is usually '0'. You will need to write the following: border="0" and then close the tag with another '>' symbol.

Step 7

Save your file as an .htm extension. This is your HTML file that you can use for your design project.

Video of the Day

Advertisement

Advertisement

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

People are Reading

1

How to Build a Website for a School Project

2

How to Embed HTML in an Email

3

How to Create a Checkbox in an Email

You May Also Like

1

How to Change HTML Text Font

2

How to Create an Information Icon in Word

3

How to Create Binary Files