|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 |
{{p {{n タブ幅=9 [hsc] <html/> <meta> name = keywords content = text textにそのペ-ジのキ-ワ-ドを指定しておくと検索エンジンなどでその内容を参照してくれます。 name = description content = txt ペ-ジの説明を記述します。 name = robots content = noindex 検索ロボットに参照させないようにする。 http-equiv = content-type content = text/html;charset=x=sjis hpがシフトJIS文字コ-ドで作成されていることをブラウザに知らせる http-equiv = refresh content = n;url=abc.htm アドレスを変更した場合に多く使用してます。定期的に内容が更新されるようなペ-ジの場合は、URLにそのペ-ジ自身のアドレスを指定すれば、n秒後に自動更新させられます。 <head/> <title/> ブックマ-クやお気に入りのタイトルになる。検索サイトのロボットが検索する項目でもあります。 <script/> language = javascript <body/> bgcolor = # 背景色 text = # 文字色 link = # リンク文字 vlink = # 選択済みリンク文字 alink = # アクティブなリンク文字 background = url 背景に画像を指定、画像の場所を指定 bgproperties = fixed 壁紙のスクロ-ルを固定する(ウォ-タスクロ-ル)ie独自 leftmargin = n ペ-ジ全体の左マ-ジンを指定する(推奨:ペ-ジが見やすい) topmargin = n ペ-ジの上マ-ジンを指定します。 <base> href = 02 技術情報/HTML CSS JavaScript/url 基準となるurl、ディレクトリでの管理を行う場合に便利 <basefont> size = n 基本フォントn=1~7 最大=1 省略値=3 <hn/> 見出しサイズ n=1~6 最大=7(ゴシック書体で表示) align = left 左揃え = center 中揃え = right 右揃え <pre/> 文字列をそのままで、表示スペース及び改行を有効とする <xmp/> 文字列をそのままで、表示スペース及び改行を有効とする <listing/> 文字列をそのままで、表示スペース及び改行を有効とする<center/> 文書を中揃えにするセンタリング。推奨されない。alignで設定を推奨 <p/> 段落の指定 align = left 左揃え = center 中揃え = right 右揃え title = text 段落にサブタイトル:注釈等を設定する 新しい段落の開始の場合、1行スペ-スを空ける、原則段落の先頭で指定する。薦められない 画像へのテキストの回り込みなどを止める場合 clear = all 表示位置の全解除、これで行えば、特に問題なし = center 中揃えの解除 = left 左揃えの解除 = right 右揃えの解除 <wbr> 改行するならここで改行(固有名詞や英単語の場合途中改行しないように単語の前に使用すると良い) <nobr/> 改行無し <blockquote/> ブロック形式、左右にインデント(空白)を確保する通常、引用文を記述する場合に用います。 <ol/> 番号付きリスト(項目は <li>で指定) type = 1 1,2,3~ = A A,B,C~ = a a,b,c~ = I I,II,III~ = i i,ii,iii~ continue 直前のリスト番号を引き継ぐ場合の指定 start = n 連番の開始番号を指定する <ul/> マーク付きリスト type = circle ○:OSや機種によって表示が異なる場合がある = square □:同上 = disk ●:同上 <li/> ol,ulの各項目 value = n 開始番号を指定する(途中での指定) skip = n 番号を飛ばす(スキップ)いくつ飛ばすかを指定する <dl/> 用語説明リスト compact dtとddを一行で表示する。dtでの文字数に制限があります <dt> 用語(項目タイトル等) <dd> 用語の説明 <font/> size = n フォントn=1~7 最大=1 = +n 現在のフォントよりnサイズ大きく = -n 現在のフォントよりnサイズ小さく color = # 文字色を16進数で指定 face = font-name IEでは、表示フォント(書体)を指定できる。 <b/> 太字 <i/> 斜体 <strong/> 太字 <em/> 太字で斜体 <big/> 現在より1フォント大きい文字 <small/> 現在より1フォント小さい文字 <sub/> 下付文字 <sup/> 上付文字 <blink/> 文字の点滅(NNのみ) <address/> アドレスの表示、斜体表示 <code/> ソースコードをリストする <cite/> 引用文、文献(citiaton)固定幅 <dfn/> 定義文字 太字 <kbd/> キ-ボ-ド文字 固定幅 <s/> 取り消し線 <samp/> 例を示す文字(sample) 固定幅 <tt/> タイプライター文字(文字間隔が等間隔) <u/> 下線 <var/> 変数 <!--text--> 注釈 ブロック 文字の修飾 <blockquote/> ブロック形式、左右にインデント(空白)を確保する、通常引用文を記述する場合に用います。 <q/> 短い引用文、前後に改行が入らない <xmp/> 例文 <pre/> 空白をそのまま適用します。表、ソースリストなどの勝手にフォーマットしては困るものを記述します。フォント変更や特殊文字などのタグは反映されます。 <div/> 文書をブロック単位で定義 <span/> 語句単位で定義(スタイル・DHTMLで多用される) <bdo/> 環境の方向設定アルゴリズムにオーバーライドする形で使い、その範囲のテキストの方向を指定します。 <ins/> この環境内のテキストが「追加」されたものであることを示します。 <del/> この環境内のテキストが「削除」されたものであることを示します。このタグに対応しているブラウザは例えば、そのテキストを表示しません。 <hr> size = n or % 線の太さ n=ピクセル値 width = n or % 線の長さ n=ピクセル値 n%とすればウィンドウ幅の割合 align = left 左揃え = center 中揃え = right 右揃え noshade 影無し(立体表示しない) color = #(color-name) 罫線に色を付けます(IE) <a/> href = 02 技術情報/HTML CSS JavaScript/url リンク先のurlを指定(html,画像,音声) = url#text リンク先のurlとその文書内のリンクする場所 = #text 文書内で(ペ-ジ内)のリンク先を指定 = mailto:~ メ-ラ-の起動 name = text 文書内(ペ-ジ内)でのリンクされる場所を指定 target = text リンク先urlを表示する領域(フレーム) = _blank リンク先の文書を新しいウィンドウに表示 = _self リンクの有ったフレームに表示 = _parent リンクの有った親フレームに表示 = _top 現在のフレームを破棄して表示(自分以外のサイトへの場合) <img> src = 02 技術情報/HTML CSS JavaScript/url なし 表示する画像があるurl lowsrc = 02 技術情報/HTML CSS JavaScript/url srcで指定した画像より先に表示する。名前の通り色数の少ない同サイズの画像を指定する(NN拡張) align = left 画像を左に表示する、文字の右への回り込み = right 画像を右に表示する、文字の左への回り込み = top ↑画像の上部を文字列に合わせる = middle ←画像の中部を文字列に合わせる = bottom ↓画像の下部を文字列に合わせる width = n イメージの横幅(ピクセル値)横に伸ばした例 height = n イメージの縦幅(ピクセル値)縦に伸ばした例 border = n イメージ枠の幅(ピクセル値) hspace = n イメージの左右の余白(ピクセル値) vspace = n イメージの上下の余白(ピクセル値) alt = text イメージが表示出来ない場合の代替え文字 <map/> ismap クリッカブルマップ(CGI使用) usemap = #text クリッカブルマップ(CGI不要) <area/?> マップ内の条件を指定 name = text クリッカブルマップ名 shape = rect 範囲四角形 = circle 範囲円 = polygon 範囲多角形 href = 02 技術情報/HTML CSS JavaScript/url 指定範囲に対応するURL TARGET coords = x1,y1,x2,y2 座標値 nohref 指定外のクリックを無視する <form/> action = url 起動プログラム:CGIなどで作成したプログラム method = post 環境変数の指定 = get content_length query_string <input> type = text 文字の入力 = password パスワード = image イメージ = radio 選択(一つの選択) = checkbox 選択(複数選択可) = submit 送信 = reset 入力のリセット name = text 項目名 size = n フィールドの大きさ、文字数(半角文字数) checked 選択済み指定(radio,checkbox) value = text 送信するデータ <textarea/> name = text フィールド名、スクロール付き rows = n 入力フィールドの縦幅(行数) cols = n 入力フィールドの横幅(文字数) wrap = off 入力フィールド制御、横スクロール = virtual 自動改行 <select/> name = text フィールド名 size = n スクロール表示時の行数 multiple 複数選択可能 <option/> 送信するデータを記述 value = text 送信データ selected 選択済み指定 <frameset/> rows = n1,n2~ 上下分割、ピクセル値(%で割合) cols = n1,n2~ 左右分割、ピクセル値(%で割合) border = 0 フレ-ム枠を0にする nn frameborder = 0 フレ-ム枠を0にする ie framespacing = 0 フレ-ム枠スペ-スを0にする ie n = * 分割相対値(残り) 例 cols=20%,* 左20%残り右80% 参考 フレ-ム枠を0にする場合は、NN用とIE用を併設すること <frame> 各領域(窓)の定義 border = 0 ウィンドウ枠を表示しない NN src = 02 技術情報/HTML CSS JavaScript/url 表示する文書のurl name = text 領域名 marginheight = n 領域内の上下の余白、ピクセル値 marginwidth = n 領域内の左右の余白、ピクセル値 scrolling = yes スクロールバーの設置 = no スクロールバーを付けない 注:この場合640×480のモニタ-を基準に作ること = auto スクロールバーを自動設定 noresize 領域の変更を不可にする 注:あまり使用しないほうが良い <noframes/> フレームをサポートしないブラウザーに対して使用する表示文書(忘れないこと) <table/> frame(IE拡張) = void 表の外枠をすべて削除する = above 表枠の上枠線を表示する = below 下枠線を表示する = hsides 上と下を表示する = lhs 左枠線を表示する = rhs 右枠線を表示する = vsides 左右の枠線を表示する = box 四辺すべての枠を表示する rules(IE拡張) = none 表の内枠をすべて削除する = basic 全てに水平線を引く = rows 行間に線を引く = cols 列間に水平線 = all 全ての行と列に線を引く border 外枠無し border = n or % 外枠のサイズ、ピクセル値、%割合 width = n or % 表幅、ピクセル値、%割合 cellspacing = n 項目間のサイズ cellpadding = n 項目内のサイズ bgcolor = # 表の背景に色を付ける bordercolor = # 表の枠線に色を付ける bordercolordark = # 立体枠線の暗い色(右:下) bordercolorright = # 立体枠線の明るい色(右:下) background = url 表の背景に画像を表示する col col align=列のテキストの文字そろえ <thead/> tr,th,td</thead> 表のヘッダ-を定義 <tbody/> tr,th,td</tbody> 表のボデイを定義 <tfoot/> tr,th,td</tfoot> 表のフッタを定義 <tr/> align = left 左右表示位置を左揃え = center 左右表示位置を中揃え = right 左右表示位置を右揃え = top 上下表示位置を上揃え = middle 上下表示位置を中揃え = bottom 上下表示位置を下揃え bgcolor = # バックカラ-の指定(IE) <th/> <td/> width = n 幅、ピクセル値、%割合 rowspan = n 行数 colspan = n 列数 nowrap 改行無し align = left 左右表示位置を左揃え = center 左右表示位置を中揃え = right 左右表示位置を右揃え = top 上下表示位置を上揃え = middle 上下表示位置を中揃え = bottom 上下表示位置を下揃え bgcolor = # バックカラ-の指定IE bordercolor = # 表の枠線に色を付ける bordercolordark = # 立体枠線の暗い色(右:下) bordercolorright = # 立体枠線の明るい色(右:下) background = url 表の背景に画像を表示する <caption/> 表題 align = top 表の上に表示 = middle 表の下に表示 最新及びIE及びNN独自のTAG フロ-ティング・フレ-ム HTML4.0 IE対応 <iframe/> width = x | % フレ-ムの横幅(ピクセル) height = y | % フレ-ムの縦幅(ピクセル) src = 02 技術情報/HTML CSS JavaScript/url フレ-ムに表示するペ-ジのアドレス <frame > src = 02 技術情報/HTML CSS JavaScript/url ファイル名の指定 通常のフレ-ムとは違って、<body><span style=background:#ff0000;color:#000000>Xr2</span> 内に記述する。 <multicol/> 段組 nn独自 cols = n 段組の数 guitter = n 段組間のスペ-ス(ピクセル) width = n|% 段落全体の幅(ピクセル or %) <spacer> スペ-スを明ける NN独自 type = horizontal 水平方向にスペ-スを取る = vertical 垂直方向にスペ-スを取る size = n スペ-スの量(ピクセル) type = block ブロック(箱)状にスペ-スを取る width = n 横幅 height = n 縦幅 align = top = middle = bottom = left = right ム-ビ・VRMLの張り付け IE独自 <img> src = 02 技術情報/HTML CSS JavaScript/url ファウルの場所ファイル名 alt = text 注釈 dynsrc = 02 技術情報/HTML CSS JavaScript/ファイル名 ファイル名指定 start = fileopen 読み込みご自動再生 = mouseover マウスがム-ビの上にきたら再生 controls 繰り返し回数 loop = n = infinite 無限に繰り返す loopdelay= n 繰り返しの間隔1/1,000秒 スタイルシ-ト IE <style type = text/css> attribute </style>指定TAG{ } font-size: npt フォントサイズ・ポイント nin インチ ncm センチ npx ピクセル font-family:フォント名 フォント名は他にも使えますが、訪問者のPCにインスト-ルされているフォントの影響を受けます。 arial courier courier new modem ms sansserif ms serif MS ゴシック MS 明朝 symbol times new roman wingdings font-weight: フォントの太さ extra-light light demi-light medium demi-bold bold extra-bold font-style: nomal italic line-height: 行送り間隔(改行幅)マイナス指定可能、この応用で文字を重ねたり画像の上に文字を重ね書きが可能です。 npt nin ncm npx color: 文字色 color-name # text-decoration: 文字の装飾 none underline (下線) italic (斜体) line-through margin-left: 左マ-ジン npt nin ncm npx margin-right: 右マ-ジン npt nin ncm npx margin-top: 上マ-ジン npt nin ncm npx text-align: テキストの表示位置 left center right text-indent: インデントの指定 npt nin ncm npx { background: } 背景色の指定 color-name カラ-ネ-ム # カラ-コ-ド url(url) バックグラウンド画像 repeat 画像のタイリング no-repeat タイリングしない repeat-x 横のみタイリング repeat-y 縦のみタイリング fixed | scroll 画像のスクロ-ル制御 horizontal-n | % center right vertical-n | % left right <marquee/> マーキー IEのみ behavior = scroll スクロール:標準 = slide スライド = scrollslide スクロール&スライド = alternate 行ったり来たり aligin = たぶん表示場所の指定 height = たぶん表示領域に立て幅 width = たぶん表示領域の横幅 direction = left or right スクロ-ルの方向left,right scrolldelay = スクロ-ルの再作画の間隔:ミリ秒単位 scrollamount = 文字が進むピクセル数 loop = n 繰り返し回数:-1 or infinite は無限 hspace = マ-キエリアの左右の余白 vspace = マ-キエリアの上下の余白 bgcolor = # マーキー表示領域のバックカラー <span style=background:#ff0000;color:#000000>bgsound</span> IEのみ。EMBEDと違ってプラグインなどのアイコンが表示されることはありません。 src = 02 技術情報/HTML CSS JavaScript/url サウンドファイルのある場所を指定 loop = n 繰り返す回数を指定 <embed> src = 02 技術情報/HTML CSS JavaScript/url 差込ファイルのある場所を指定、MIDIやワ-プロ文書なども利用できます。 width = n 差込オブジェクトの表示の横幅を指定 height = n 差込オブジェクトの表示の縦幅を指定 etc 差込オブジェクトによって指定項目が増える場合があります 例:YAMAHAのMIDIプラグイン等、差込オブジェクトは、ブラウザ側のパソコンにそれらのファイルを表示可能なアプリケ-ション(プログラム)があれば有効に利用できます。特にイントラネットでは、効果的に活用できるものです。 <applet/> アプレットの開始と終わり code = url クラス・ファイル名 codebase = url クラス・ファイル名が同じデレクトリで無い場合 width = n アプレット表示の横幅、ピクセル値 height = n アプレット表示の縦幅、ピクセル値 align = top アプレット表示の位置を上揃え = middle アプレット表示の位置を中揃え = bottom アプレット表示の位置を下揃え hspace = n アプレット領域の左右の余白、ピクセル値 vspace = n アプレット領域の上下の余白、ピクセル値 アドバイス JAVA未対応のブラウザのために、<comment>と</comment><span style=background:#ff0000;color:#000000>Apl</span>の間に表示サイズと同じ画像を表示するimgタグを入れると良いでしょう <param> パラメータ定義 name = text パラメータ名 value = n パラメータ値 [/hsc] }} |
HTML タグ一覧.txt
HTML