∇ 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・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
音声を再生する
h1~6
見出しをつける(テキスト)
Internet Explorer4~
Firefox1~
Google Chrome1~
Opera6~
Safari?~
記入例
<h1~6
コメント
></h1~6>
コメントを記入。
【 h1~6 属性 】
title
[
コメント
]
<H1>~<H6>のHとはHeadingの略で、見出しを意味します。 <H1>が最上位の見出し(大見出し)で、以下数字が小さくなるにつれて下位の見出し(小見出し)となります。 <H6>が最下位の見出しです。

一般的なブラウザでは<H>タグで囲まれた部分はテキストのサイズが変化し、太字で表示され、前後に改行が入ります。 これを利用して単にテキストのサイズを変えたり太字にするなど、見栄えを目的に<H>タグを使用することは避けるべきです。 このような目的には<FONT>タグや<B>タグ、 <BIG>タグ等を使用しましょう。

逆に画像を見出しとして使用する場合には<H>タグで囲む方が好ましいと言えます。 そうすることで画像が表示されない場合にも、<IMG>タグのalt属性で指定した内容が見出しとして機能するからです。

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

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

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