∇ WEBプログラマー　便利帳

≫ HTML

HTML CSS

*

*

*

総合サンプル

▼スポンサー広告

次の広告へ☺

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

1・HTMLの書き方

(基本ブロックは4つです！)

(アルファベット順)

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺

『　

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・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

音声を再生する

address

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

Internet Explorer4～

Firefox1～

Google Chrome1～

Opera6～

Safari?～

値

記入例

<address

横配置

コメント

></address>

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

コメントを記入。

【 address 属性】

・

align

[

領域内の横配置

]

・

title

[

コメント

]

<ADDRESS>タグはその文書に関する連絡先・問合せ先を表します。タグの名前は<ADDRESS>ですが、住所に限らず、ホームページのリンク先・メールアドレス・住所・電話番号・FAX等連絡をとるために必要な情報を配置することができます。

Internet ExplorerやNetscape Navigator等の一般的なブラウザでは、 <ADDRESS>～</ADDRESS>で囲んだ部分はイタリック体で表示されます。

HTMLサンプルコード

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

表示結果

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺

スポンサーリンク

▼スポンサー広告

次の広告へ☺

このページの最終更新日：2021/11/29 12:56