でんきかいでん.com

正当なCSSです!

自作データを無料配しています。

「プリント基板エディタPasS」用の基板・パーツ画像(BMP形式)

自作3Dデータ、自作BGMなど。

Twitter Blog 質問箱 TOP Profile 便利技
top > useful > element

作成日:

「ブロックレベル要素」と「インライン要素」

HTML内に記述する要素は「ブロックレベル要素」と「インライン要素」に分けられる。

同じ要素ではあるが働きが異なる。

インライン要素の中に、ブロックレベル要素を置くことはできない。置いてはいけない。


ブロックレベル要素一覧

要素名 働き
h1~6 見出し
div グループ
p 段落
ol 番号付きリスト
ul 箇条書きリスト
center 中央揃え
table テーブル
dl 説明付きリスト
fieldset フィールドセット
form フォーム
address 連絡先
blockquote 引用
pre フォーマット済みテキスト
hr 水平線(区切り線)

ブロックレベル要素は、必ず行の最初から始まり、その行の最後まで、すべての幅を占める要素である。


インライン要素一覧

要素名 働き
a リンク
abbr 略語
acronym 略語(頭文字)
applet Javaアプレット挿入
b 太字
big 大きめの文字
br 改行
cite 出典元
code プログラムコード
dfn 定義
em 強調
font フォント
i 斜体
iframe インラインフレーム
kbd キーボード入力
label フォームラベル
object オブジェクト
q 引用
s 取り消し線
samp サンプル
small 小さめの文字
span 1行グループ
strike 取り消し線
strong 強い重要性
sub 下付文字
sup 上付文字
tt 等幅フォント
u 下線
var 変数

インライン要素はインライン要素の中にも、ブロックレベル要素の中にも置ける。

1行の中のどこにでも置ける。


インラインブロック(置換インライン)要素一覧

要素名 働き
img イメージ
input 入力フォーム
object オブジェクト
select 選択スイッチ
textarea テキストフォーム

インライン要素なのだけれども、ブロックレベル要素のように幅と高さを指定することができる。


製作3D 無料3D TOP 無料BGM Sitemaps