ロゴをリンクにするにはどうすればよいですか?

click fraud protection
ロゴ

HTMLマークアップは、ロゴ画像をクリック可能なリンクに変えることができます。

画像クレジット: abluecup / iStock /ゲッティイメージズ

画像をリンクとしてタグ付けするHTMLマークアップを追加することにより、ロゴをリンクにすることができます。 マークアップを追加するプロセスは、マークアップを追加するために使用するツールによって異なります。 Microsoft Outlookなどの一部のプログラムには、リンクを簡単に追加するためのメニューオプションが用意されています。 WordPressなどの他のツールには、リンクを追加するためのボタンが付いたHTMLエディターがあります。 どちらのオプションも使用できない場合は、HTMLマークアップを手動で入力して、ロゴをクリック可能にすることができます。

リンクを挿入するメニューオプションがある場合は、クリックしてロゴ画像を強調表示し、そのオプションを選択します。 HTMLエディタにボタンがある場合は、クリックしてロゴを強調表示し、ボタンをクリックします。 プロンプトが表示されたら、リンクのURLを入力します。 リンクを説明するタイトルを求められた場合は、会社名などの説明を入力します。 一部のエディターには、ユーザーがリンクをクリックしたときに新しいブラウザーウィンドウでリンクを開くことができるチェックボックスも用意されています。

今日のビデオ

HTMLマークアップを手動で挿入する

HTMLマークアップを手動で入力する必要がある場合は、関連するHTMLページをテキストエディタで開き、ドキュメントにロゴが含まれているHTMLコードを探します。次に例を示します。

Example.com

ロゴのコードの前に、HTMLアンカータグとリンクのURLを追加します。 ユーザーがマウスポインタをロゴの上に置いたときに表示されるタイトルを追加します。 リンクを新しいウィンドウで開く場合は、ターゲットウィンドウを指定します。 ロゴのコードが終わったら、開いたアンカータグを閉じます。 例えば:

Example.com

リンクを新しいウィンドウで開かないようにする場合は、target = "_blank"を削除します。