∇ WEBプログラマー　便利帳

HTML CSS

総合サンプル

▼スポンサー広告

次の広告へ☺

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

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺

『　

HTMLタグ(目的別)

　』

・

HTMLコードをそのまま表示する

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

・

ソースに記述された通りそのまま表示

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

・

プログラムコードであることを示す

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

・

略語（頭字語以外）であることを表す

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

・

フォントの種類・大きさ・色を指定する

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

・

テキストを太字にする

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

・

見出しをつける

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

・

テキストを強調する

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

・

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

・

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

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

・

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

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

・

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

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

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

・

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

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

・

複数行の入力欄を作成する

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

・

セレクトボックスを作成する

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

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

・

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

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

・

記事であることを示す

・

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

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

・

HTML文書であることを宣言する

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

・

リンクの出発点・到達点を指定する

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

・

イメージマップの領域を設定する

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

・

音声を再生する

<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サンプルコード

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

表示結果

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺