• Around The HomeToggle Menu

    • Entertainment
    • Productivity
    • Smart Home
  • FamilyToggle Menu

    • Parenting
    • Toys
    • Pets
    • Travel
  • Product ReviewsToggle Menu

    • Phones
    • Tablets
    • Laptops
    • Desktops
    • Wearables
    • Audio
    • Cameras
    • Headphones
    • Printers
    • Smart Home
    • TVs
    • Gaming and Video
  • One Cool ThingToggle Menu

    • Frugal Tech
    • Kickstarters
    • Videos
Techwalla
  1. Home
  2. Around The Home
  3. Productivity
  4. How to Use HTML to Insert a Logo

How to Use HTML to Insert a Logo

March 31, 2015
By: Sabah Karimi
  • Share
  • Share on Facebook

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.

Video of the Day

Step

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.

Step

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

Step

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 '>'.

Step

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.

Step

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

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

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

Show Comments

Related Articles

How to Put Pictures in Java BlueJ

How to Put Pictures in Java BlueJ

Around The Home
Productivity
By: Mark Stansberry
How Do I Outline Images in GIMP?

How Do I Outline Images in GIMP?

Around The Home
Productivity
By: Zicheng Ren
How to Embed Flv Video in HTML

How to Embed Flv Video in HTML

Around The Home
Productivity
By: Brandy Alexander
How to Embed .M4V in HTML

How to Embed .M4V in HTML

Around The Home
Productivity
By: Robert Allen
How to Create Email Banners

How to Create Email Banners

Around The Home
Productivity
By: Chad Stein
How to Create an HTML Login Page

How to Create an HTML Login Page

Around The Home
Productivity
By: Tim Searles
  • HOW WE SCORE
  • ABOUT US
  • CONTACT US
  • TERMS
  • PRIVACY POLICY
  • COPYRIGHT POLICY
  • Advertise

An error occurred. Try again later.

Thanks for signing up!
© 2018 Leaf Group Ltd. Leaf Group Media

Get great tech advice delivered to your inbox.

Keep your family productive, connected, entertained, and safe.

Please enter a valid email.