画像に関するHTML (1)

TOPページ >画像に関するHTML (1)

画像に関するHTML (1)
画像の表示・サイズ指定・代替テキスト・境界線の太さ指定など画像に関する基本タグ説明です。

  1. 画像表示の基本形
    まず、画像を表示するためのHTMLの基本形を覚えます。このタグは終了タグがありません。次のようになります。
    <img src="表示したいファイルのURL"> また、幅width、高さheightを用いて図形のサイズを指定します。ここでは「width="88"」、「height="31"」と設定します。すると、以下のタグになり、画像も次のように表示されます。
  2. <img src="http://www.wareteki.com/movabletype/images/blogranking1.gif" width="88" height="31">


  3. 代替テキスト
    alt属性はイメージファイルが何らかのトラブルで表示できない場合にテキストを変わりに表示させるタグです。通常はサイト名や商品名などを入力します。「alt="代替テキスト"」をimgタグ内に記述します。ここでは、「alt="人気blogランキング"」と設定してみます。すると、次のようになります。

    人気blogランキング


  4. 画像表示の境界線指定
    画像にリンクをする際などに「border="0"」がないと境界線が目立ちます。実際に、「border="0"」の有無で下記のように違います。

    人気blogランキング

    人気blogランキング
参考までに、一番最後の画像リンクのHTMLは以下のようなタグになっています。 <a href="http://blog.with2.net/"> <img src="http://www.wareteki.com/movabletype/images/blogranking1.gif" alt="人気blogランキング" width="88" height="31" border="0"> </a> « Tableタグを使わないようにする | メイン | 画像に関するHTML (2) »
 
PR
新規サイト公開
管理人への連絡方法
HTMLポケットリファレンス
特定カテゴリーの表示設定
HTMLタグを表示させるには
著作権記号「©」の使い方
カテゴリを任意順に並べる
リンクに関するHTML
画像に関するHTML (2)
画像に関するHTML (1)
Pingサーバー登録
サイト公開開始
トラックバック欄の設置
Tableタグを使わないようにする
「最近のエントリー」のカスタマイズ
Movable Typeマニュアル?
コメント欄の設置
コメント・トラックバックについて
カテゴリページ毎にそのカテゴリの概要のみを表示
同一カテゴリのエントリー表示
カテゴリ内での前後移動
Movable Typeの独自タグ種類
リンクについて
テキストエディタTeraPad
エントリー内のTableタグ表示
CSSで文字サイズの設定
目次を作る
HTML/CSSとは?
FFFTP設定手順
ウェブログの基本設定
XREAへインストール
Movable Typeのダウンロード
左サイドバーに変更する
インストールファイル(install_mt3.cgi)の属性変更
TypeKey登録
XREA概要
Movable Typeスタイル&コンテンツデザインガイド
Movable Type標準ハンドブック
当サイトの主旨






XREA
ロリポップ
さくらインターネット
ハッスルサーバー
ステップサーバー
AK-HP.COM
ジャパンホスト
BB-Server.net
クイックサーバー
アスカサーバー
イチマンネット
プライムサーバー
ベストサーバー
エックスサーバー
ネオ・サーブ
ジャパンサーバー






我的☆お小遣いサイト集
格安レンタルサーバー徹底解説