∇ WEBプログラマー  便利帳 ≫ HTML
HTML CSS
*
▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ
『 
HTMLタグ(目的別)
 』
テキスト 関連
xmp・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
HTMLコードをそのまま表示する
pre・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
ソースに記述された通りそのまま表示
code・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
プログラムコードであることを示す
abbr・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
略語(頭字語以外)であることを表す
font・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
フォントの種類・大きさ・色を指定する
b・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
テキストを太字にする
h1~6・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
見出しをつける
em・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
テキストを強調する
strong・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
テキストをより強く強調する
表 関連
table・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<tr><th><td> と組み合わせてテーブル(表)を作成する
tr・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<table>の横方向の一行を定義する
th・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<table>の見出しセルを作成する
td・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<table>のセルを作成する
画像 関連
img・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
画像を表示する
フォーム 関連
form・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
入力フォームを作る
input・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
フォームの構成部品(入力欄・ボタン等)を作成する
textarea・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
複数行の入力欄を作成する
select・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
セレクトボックスを作成する
radio・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
ラジオボタンを作成する
文書情報 関連
address・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
連絡先・問合せ先を表す
aside・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
補足情報のセクションであることを示す
article・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
記事であることを示す
その他 関連
meta・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
文書に関する情報・構造(メタデータ)を指定する
html・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
HTML文書であることを宣言する
a・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
リンクの出発点・到達点を指定する
area・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
イメージマップの領域を設定する
audio・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
音声を再生する
img
画像を表示する(画像)
Internet Explorer4~
Firefox 1~
Google Chrome 1~
Opera 6~
Safari 1~
記入例
<img
高さ
画像
代替テキスト
コメント
>
枠の太さを数値で指定。
横幅領域を数値で指定。
高さ領域を数値で指定。
画像のURLで指定。
代替コメントを記入。
コメントを記入。
【 img 属性 】
border
[
領域枠の太さ
]
width
[
領域の幅
]
height
[
領域の高さ
]
src
[
画像のURL
]
alt
[
代替コメント
]
title
[
コメント
]
<IMG>はImageの略で、画像を表示するタグです。 表示する画像ファイルはsrc属性(srcはsourceの略)で指定します。 WEBに使用できる画像形式は、現在のところGIF・JPEG・PNGの三種類ですが、それぞれ特徴があるので、状況により使い分けてください。 画像ファイルについての詳細は、「WEB画像について」を参照してください。

width属性とheight属性は、画像ファイルのブラウザ上での表示サイズを指定します。 画像の表示サイズはできるだけ指定するようにしましょう。 画像サイズを指定することで、画像の読み込みに時間が掛かる場合にも、 指定したサイズ分の画像表示スペースが空けられて先にテキスト部分を表示するので、閲覧者にとっては表示速度が早く感じられるからです。

HTML4.0からは<IMG>のalt属性が必須となっています。 alt属性では画像を表示できない場合に代わりに表示するテキストを指定します。 ここで指定するテキストは、読み上げソフトで音声になったり、点字で表現される場合があるので、適切なものを指定しなくてはなりません。

alt属性では画像に関する説明をするのではなく、そのページ全体をテキストだけで表現する際に置き換わるべきものを指定します。 例えばそのページがラジオで放送されたり、そのページの内容を電話で伝えることを想定してみると良いのだそうです。 画像の上にマウスを乗せた際に、画像に関する説明等のテキストを表示させることが目的の場合には、title属性を使用してください。

HTMLサンプルコード
※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。
表示結果

▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ

▼スポンサー広告
次の広告へ
スポンサーリンク
▼スポンサー広告
次の広告へ
このページの最終更新日:2021/11/29 12:56