テキストと画像を含むロゴ全体をホームページにリンクするにはどうしたらいいですか？

Question

ホームページへのリンクになるために、テキストと画像を含むロゴ全体をスタイルしたいと思います。唯一の条件は、ロゴが見た目と同じように見え続けて現れなければならないことと、現在の外観はホバリング中、クリック後、およびクリック中に引き続き表示されることです。ロゴはすべてのページの左上隅に表示されます。

これは私のhtmlです：

<div class="logo"> 
     <img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN 
</div> 

示唆してください！

Answer 1

次のように同じようaタグを使用して全体のロゴHTMLコンテンツをラップaタグ

<div class="logo"><a href="link to your homepage"><img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN</a></div> 

Answer 2

と全体のコンテンツをラップ：

<a href="your homepage link"> Here comes your all logo html content </a> 

だからあなたのロゴごとに、コードは次のようになります。

<a href="yourlink"> 
    <div class="logo"> 
     <img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN 
    </div> 
</a> 

私はあなたのウェブサイトでテストしました。うまくいく。

<div class="logo"> 
    <a href="yourlink"> 
     <img class="logomap" src="india.jpg" alt="logo" height="47" width="47">mehnat<br>.IN 
    </a> 
</div> 

あなたに合ったものは何でも上記2 appraachesのいずれかを使用してください：しかし、より良いは、タグ内のあなたのイメージをラップし、あなたのようdiv外を維持することです！