HTMLを使用してロゴを挿入する方法

click fraud protection

Webサイトや電子メールにロゴを追加する場合は、画像を挿入するために必要なのはいくつかの単純なHTMLだけです。 ロゴを追加すると、オンラインパブリッシングの取り組みがはるかに専門的になり、基本的なコードを覚えたら、ファイルにさまざまなロゴや画像を簡単に追加できます。 デザインまたはファイルにロゴを挿入する場合は、HTMLを使用してWebに適したロゴを作成する方法を次に示します。

ステップ1

ロゴのファイルを見つけます。 コードに挿入できるように、ロゴ画像のファイルの場所と拡張子が必要になります。

今日のビデオ

ステップ2

ワードエディタを開きます。 メモ帳またはその他のワードプロセッシングソフトウェアを開いて、コードの記述を開始します。

ステップ3

画像ファイルを挿入するコードを記述します。 タイプ ステップ4

「altタグ」情報を挿入します。 これは、画像を読むことができない検索エンジンやユーザーにとって価値があります。 この情報には、会社名または単にロゴのメッセージを含めることができます。 'img src'セクションの直後にこれを追加し、2つのアポストロフィの周りにテキストを挿入する必要があります。

ステップ5

画像の高さと幅を示します。 高さと幅の情報は、altタグ属性の直後に表示され、アポストロフィにもラップされます。 次のように記述する必要があります:width = "(ピクセル数)" height = "(ピクセル数)"。

ステップ6

境界線情報を示してから、タグを閉じます。 すべてのロゴに境界線の太さは必要ありませんが、デフォルトは通常「0」です。 次のように記述する必要があります:border = "0"次に、別の '>'記号でタグを閉じます。

ステップ7

ファイルを.htm拡張子として保存します。 これは、デザインプロジェクトに使用できるHTMLファイルです。

必要なもの

  • Microsoftペイントまたはイメージソフトウェア

  • メモ帳または基本的なワードプロセッシングプログラム

ヒント

HTML内の幅と高さを編集することで、画像のサイズを簡単に変更できます。 ボーダースタイルのデフォルトは通常0です。 「」を追加することで、ロゴをクリック可能にすることができます" と "「画像の周り。

警告

ロゴがコンピュータのハードドライブの簡単にアクセスできる場所にあることを確認してください。 タグは常に適切に閉じてください。 この手順を実行しないと、画像またはファイルが表示されなくなる可能性があります。