∇ WEBプログラマー　便利帳

HTML CSS

総合サンプル

▼スポンサー広告

次の広告へ☺

HTMLとはwebブラウザで表示する言語です。

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺

『

HTMLタグ(アルファベット順)

』

A B C E F H I M P S T X

abbr・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

略語（頭字語以外）であることを表す(テキスト)

address・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

連絡先・問合せ先を表す(文書情報)

aside・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

補足情報のセクションであることを示す(文書情報)

article・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

記事であることを示す(文書情報)

a・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

リンクの出発点・到達点を指定する(その他)

area・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

イメージマップの領域を設定する(その他)

audio・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

音声を再生する(その他)

b・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

テキストを太字にする(テキスト)

code・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

プログラムコードであることを示す(テキスト)

em・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

テキストを強調する(テキスト)

font・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

フォントの種類・大きさ・色を指定する(テキスト)

form・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

入力フォームを作る(フォーム)

h1～6・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

見出しをつける(テキスト)

html・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

HTML文書であることを宣言する(その他)

img・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

画像を表示する(画像)

input・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

フォームの構成部品（入力欄・ボタン等）を作成する(フォーム)

meta・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

文書に関する情報・構造（メタデータ）を指定する(その他)

pre・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

ソースに記述された通りそのまま表示(テキスト)

radio・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

ラジオボタンを作成する(フォーム)

strong・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

テキストをより強く強調する(テキスト)

select・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

セレクトボックスを作成する(フォーム)

table・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

<tr><th><td> と組み合わせてテーブル(表)を作成する(表)

tr・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

<table>の横方向の一行を定義する(表)

th・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

<table>の見出しセルを作成する(表)

td・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

<table>のセルを作成する(表)

textarea・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

複数行の入力欄を作成する(フォーム)

xmp・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

HTMLコードをそのまま表示する(テキスト)

<table>の横方向の一行を定義する(表)

Internet Explorer4～

Firefox1～

Google Chrome1～

Opera6～

Safari?～

値

記入例

<tr

高さ

背景色

横配置

縦配置

></tr>

高さ領域を数値で指定。

背景色をカラーコード又はカラーネームで指定。

領域内の要素を"left""center""right"で指定。

領域内の要素を"top""middle""bottom"で指定。

【 tr 属性】

・

height

[

領域の高さ

]

・

bgcolor

[

領域内の背景色

]

・

align

[

領域内の横配置

]

・

valign

[

領域内の縦配置

]

テーブル（表）の基本的な構造は、 <TABLE>～</TABLE>内に<TR>～</TR>で表の横一行を定義して、さらにその中に<TH>～</TH>や <TD>～</TD>でセルを定義します。

<TR>はTable Rowの略でテーブル（表）の横方向の一行を定義します。

HTMLサンプルコード

※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。

表示結果

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺