Help with inserting a logo

by ArielT
8 replies
  • WEB DESIGN
  • |
Hello, I'm learning and making my first html site, I have started with html5. Well, what I want to do is to insert a logo using html5, how would be all the code needed? have I to use H1 to wrap the code?
#inserting #logo
  • Profile picture of the author Istvan Horvath
    Any logo is an image, isn't it?

    Is the image code different in hmtl5 than earlier? Nope.

    Read (preferably, before asking) > HTML Images
    Signature

    {{ DiscussionBoard.errors[7657112].message }}
  • Profile picture of the author vjboc
    Originally Posted by ArielT View Post

    Hello, I'm learning and making my first html site, I have started with html5. Well, what I want to do is to insert a logo using html5, how would be all the code needed? have I to use H1 to wrap the code?

    <img src="url" alt="Add Text Here">
    {{ DiscussionBoard.errors[7657135].message }}
  • Profile picture of the author ArielT
    Thanks guys, and what about the h1? should it be there in some place?
    {{ DiscussionBoard.errors[7657150].message }}
    • Profile picture of the author vjboc
      Originally Posted by ArielT View Post

      Thanks guys, and what about the h1? should it be there in some place?
      You can use the h1 tag for the title or heading of the page <H1>Title or Heading</H1>
      {{ DiscussionBoard.errors[7657205].message }}
  • Profile picture of the author Mattds
    I personally like to use a <h1> tag on my websites for the logo/sitename, so i think i get what you mean.

    I do this by inserting my logo as an image and using the h1 tag for my site title e.g.

    <a href="#"><img src="logo.png" alt="nameofwebsite" class="logo"/><h1 class="title>Website name</h1></a>

    And then style everything with CSS,

    Obviously this does depend on your logo style, so if you are using just a image remember to include the alt tag for the search engines.

    Matt
    {{ DiscussionBoard.errors[7670731].message }}
  • Profile picture of the author Michael71
    You can wrap a H1 around an image (maybe use it with an image replacement technique of your choice).

    I personally do NOT use a H1 tag for a logo... I can not recommend it (bad SEO technique)
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[7671159].message }}
  • Profile picture of the author ArielT
    Hey guys and should I use h tags in all pages? let's say for example "contact page" "about" etc

    And the meta description and site title go in all pages on only in the home page?
    {{ DiscussionBoard.errors[7674881].message }}
  • Profile picture of the author johnsander1
    You should use YouTube for this purpose because there are a lot of videos can help you to fix these kinds of miner and typical problems. It is not a big issues from videos you can learn easily and in right way.
    {{ DiscussionBoard.errors[7683088].message }}

Trending Topics