HTML の共通タグと属性

尚
オリジナル
2019-10-22 15:23:378552ブラウズ

HTML の共通タグと属性

#HTML のタグと属性

HTML ページ構造


##タグ#説明ドキュメント タイプを定義します。 HTML ドキュメントを定義します。 </tr> <tr>ドキュメントのタイトルを定義します。 <td style="border-color: rgb(221, 221, 221);" width="372"></td> <td style="border-color: rgb(221, 221, 221);" width="438"></td><body></tr> <tr>ドキュメントの本文を定義します。 <td style="border-color: rgb(221, 221, 221);" width="372"></td> <td style="border-color: rgb(221, 221, 221);" width="438"></td><h1> ~ <h6></tr> <tr>HTML タイトルを定義します。 <td style="border-color: rgb(221, 221, 221);" width="372"></td> <td style="border-color: rgb(221, 221, 221);" width="438"></td><p></tr> <tr>段落を定義します。 <td style="border-color: rgb(221, 221, 221);" width="372"></td> <td style="border-color: rgb(221, 221, 221);" width="438"></td><br></tr> <tr>単純な改行を定義します。 <td style="border-color: rgb(221, 221, 221);" width="372"></td> <td style="border-color: rgb(221, 221, 221);" width="438"></td><hr></tr> <tr>水平線を定義します。 <td style="border-color: rgb(221, 221, 221);" width="372"></td> <td style="border-color: rgb(221, 221, 221);" width="438"></td><!--...--></tr> <tr>コメントを定義します。 <td style="border-color: rgb(221, 221, 221);" width="372"></td> <td style="border-color: rgb(221, 221, 221);" width="438"></td> </tr>#フォーム</tbody> </table> <p><strong></strong><br>## タグ</p> <table width="811">説明<thead> <tr class="firstRow"> <th style="border-color: rgb(221, 221, 221);" width="254"></th> <th style="border-color: rgb(221, 221, 221);" width="556"></th><form></tr> </thead>ユーザー入力用の HTML フォームを定義します。 <tbody> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><input><td style="border-color: rgb(221, 221, 221);" width="556"></td>入力コントロールを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><textarea><td style="border-color: rgb(221, 221, 221);" width="556"></td>複数行のテキスト入力コントロールを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><ボタン><td style="border-color: rgb(221, 221, 221);" width="556"></td>ボタンを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><select><td style="border-color: rgb(221, 221, 221);" width="556"></td>選択リスト (ドロップダウン リスト) を定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><optgroup><td style="border-color: rgb(221, 221, 221);" width="556"></td>選択リスト内の関連オプションの組み合わせを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><オプション><td style="border-color: rgb(221, 221, 221);" width="556"></td>選択リストでオプションを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><label><td style="border-color: rgb(221, 221, 221);" width="556"></td>入力要素のラベルを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><フィールドセット><td style="border-color: rgb(221, 221, 221);" width="556"></td>フォーム内の要素の周囲に境界線を定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><legend><td style="border-color: rgb(221, 221, 221);" width="556"></td>fieldset 要素のタイトルを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><datalist><td style="border-color: rgb(221, 221, 221);" width="556"></td>ドロップダウン リストを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><keygen><td style="border-color: rgb(221, 221, 221);" width="556"></td>生成されたキーを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td><出力><td style="border-color: rgb(221, 221, 221);" width="556"></td>いくつかのタイプの出力を定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="254"></td> <p><strong>フレーム</strong></p> <table width="811"> <thead><tr class="firstRow"> <th style="border-color: rgb(221, 221, 221);" width="225"> タグ</th> <th style="border-color: rgb(221, 221, 221);" width="585">説明</th> </tr></thead> <tbody> <tr> <td style="border-color: rgb(221, 221, 221);" width="225"><frame></td> <td style="border-color: rgb(221, 221, 221);" width="585">フレームセットを定義するウィンドウまたはフレーム。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="225"><フレームセット></td> <td style="border-color: rgb(221, 221, 221);" width="585">フレームセットを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="225"><noframes></td> <td style="border-color: rgb(221, 221, 221);" width="585">フレームをサポートしないユーザー向けに代替コンテンツを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="225"><iframe></td> <td style="border-color: rgb(221, 221, 221);" width="585">インライン フレームを定義します。 </td> </tr> </tbody> </table> <p>#画像<strong></strong></p> <table width="811"> <thead>##タグ<tr class="firstRow"> <th style="border-color: rgb(221, 221, 221);" width="232">説明</th> <th style="border-color: rgb(221, 221, 221);" width="578"> </th> </tr> </thead> <tbody><img><tr> <td style="border-color: rgb(221, 221, 221);" width="232">画像を定義します。 </td> <td style="border-color: rgb(221, 221, 221);" width="578"></td> </tr><map><tr> <td style="border-color: rgb(221, 221, 221);" width="232">画像マッピングを定義します。 </td> <td style="border-color: rgb(221, 221, 221);" width="578"></td> </tr><エリア><tr> <td style="border-color: rgb(221, 221, 221);" width="232">イメージ マップ内のエリアを定義します。 </td> <td style="border-color: rgb(221, 221, 221);" width="578"></td> </tr><キャンバス><tr> <td style="border-color: rgb(221, 221, 221);" width="232">グラフィックを定義します。 </td> <td style="border-color: rgb(221, 221, 221);" width="578"></td> </tr><figcaption><tr> <td style="border-color: rgb(221, 221, 221);" width="232">Figure 要素のタイトルを定義します。 </td> <td style="border-color: rgb(221, 221, 221);" width="578"></td> </tr><図><tr> <td style="border-color: rgb(221, 221, 221);" width="232">メディア コンテンツのグループとそのタイトルを定義します。 </td> <td style="border-color: rgb(221, 221, 221);" width="578"></td> </tr> </tbody>#リンク</table> <p><strong></strong></p>##タグ<table width="811"> <thead>説明<tr class="firstRow"> <th style="border-color: rgb(221, 221, 221);" width="198"></th> <th style="border-color: rgb(221, 221, 221);" width="612"></th><a></tr> </thead>アンカーを定義します。 <tbody> <tr> <td style="border-color: rgb(221, 221, 221);" width="198"></td><link><td style="border-color: rgb(221, 221, 221);" width="612"></td>ドキュメントと外部リソースの間の関係を定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="198"></td><nav><td style="border-color: rgb(221, 221, 221);" width="612"></td>ナビゲーション リンクを定義します。 </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="198"></td> <p>#リスト<strong></strong><br></p> <table width="811"> <thead><tr class="firstRow"> タグ<th style="border-color: rgb(221, 221, 221);" width="208"></th>説明<th style="border-color: rgb(221, 221, 221);" width="602"></th> </tr></thead> <tbody> <tr>##<ul><td style="border-color: rgb(221, 221, 221);" width="208"></td>順序なしリストを定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><ol><td style="border-color: rgb(221, 221, 221);" width="208"></td>順序付きリストを定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><li><td style="border-color: rgb(221, 221, 221);" width="208"></td>リストの項目を定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><dir><td style="border-color: rgb(221, 221, 221);" width="208"></td>非推奨。ディレクトリリストを定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><dl><td style="border-color: rgb(221, 221, 221);" width="208"></td>定義定義リスト。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><dt><td style="border-color: rgb(221, 221, 221);" width="208"></td>定義リストの項目を定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><dd><td style="border-color: rgb(221, 221, 221);" width="208"></td>定義リスト内の項目の説明を定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><menu><td style="border-color: rgb(221, 221, 221);" width="208"></td>コマンドのメニュー/リストを定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><menuitem><td style="border-color: rgb(221, 221, 221);" width="208"></td>ユーザーがポップアップ メニューから呼び出すことができるコマンド/メニュー項目を定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> <tr><command><td style="border-color: rgb(221, 221, 221);" width="208"></td>コマンド ボタンを定義します。 <td style="border-color: rgb(221, 221, 221);" width="602"></td> </tr> </tbody> </table>#テーブル<p><strong></strong></p> <table width="811">##タグ<thead><tr class="firstRow">説明<th style="border-color: rgb(221, 221, 221);" width="239"></th> <th style="border-color: rgb(221, 221, 221);" width="571"></th> </tr></thead><table><tbody> <tr>テーブルの定義<td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"></td><caption></tr> <tr>テーブルのタイトルを定義します。 <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571">#<th></td> </tr>テーブルのヘッダー セルを定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"><tr></td> </tr>テーブル内の行を定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"><td></td> </tr>テーブル内のセルを定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"><thead></td> </tr>テーブル内のヘッダーの内容を定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"><tbody></td> </tr>テーブル内の本文の内容を定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"><tfoot></td> </tr>表に表の注記の内容 (脚注) を定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"><col></td> </tr>テーブル内の 1 つ以上の列の属性値を定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"><colgroup></td> </tr>書式設定するテーブル内の列グループを定義します。 <tr> <td style="border-color: rgb(221, 221, 221);" width="239"></td> <td style="border-color: rgb(221, 221, 221);" width="571"> <p><strong>スタイル/セクション</strong></p> <table width="811"> <thead><tr class="firstRow"> <th style="border-color: rgb(221, 221, 221);" width="239">タグ</th> <th style="border-color: rgb(221, 221, 221);" width="571">説明</th> </tr></thead> <tbody> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><style></td> <td style="border-color: rgb(221, 221, 221);" width="571">ドキュメントのスタイル情報を定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><div></td> <td style="border-color: rgb(221, 221, 221);" width="571">ドキュメント内のセクションを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><span></td> <td style="border-color: rgb(221, 221, 221);" width="571">ドキュメント内のセクションを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><header></td> <td style="border-color: rgb(221, 221, 221);" width="571">セクションまたはページのヘッダーを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><footer></td> <td style="border-color: rgb(221, 221, 221);" width="571">セクションまたはページのフッターを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><セクション></td> <td style="border-color: rgb(221, 221, 221);" width="571">セクションを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><記事></td> <td style="border-color: rgb(221, 221, 221);" width="571">記事を定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><aside></td> <td style="border-color: rgb(221, 221, 221);" width="571">ページ コンテンツの外側にコンテンツを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><details></td> <td style="border-color: rgb(221, 221, 221);" width="571">要素の詳細を定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><ダイアログ></td> <td style="border-color: rgb(221, 221, 221);" width="571">ダイアログ ボックスまたはウィンドウを定義します。 </td> </tr> <tr> <td style="border-color: rgb(221, 221, 221);" width="239"><summary></td> <td style="border-color: rgb(221, 221, 221);" width="571"><details> 要素の表示タイトルを定義します。 </td> </tr> </tbody> </table> <p>#メンバー情報<strong></strong></p> <table width="811"> <thead>## タグ<tr class="firstRow"> <th style="border-color: rgb(221, 221, 221);" width="173">説明</th> <th style="border-color: rgb(221, 221, 221);" width="637"></th> </tr> </thead><head><tbody> <tr>ドキュメントに関する情報を定義します。 <td style="border-color: rgb(221, 221, 221);" width="173"></td> <td style="border-color: rgb(221, 221, 221);" width="637"></td><meta></tr> <tr>HTML ドキュメントに関するメタ情報を定義します。 <td style="border-color: rgb(221, 221, 221);" width="173"></td> <td style="border-color: rgb(221, 221, 221);" width="637"></td><base></tr> <tr>ページ内のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを定義します。 <td style="border-color: rgb(221, 221, 221);" width="173"></td> <td style="border-color: rgb(221, 221, 221);" width="637"></td><basefont></tr> <tr>廃止されました。ページ上のテキストのデフォルトのフォント、色、またはサイズを定義します。 <td style="border-color: rgb(221, 221, 221);" width="173"></td> <td style="border-color: rgb(221, 221, 221);" width="637"></td> <div><div id="cnblogs_post_body">#属性<strong></strong><table width="778" style="width: 811px;"> <thead>##属性名<tr class="header firstRow"> <th style="border-color: rgb(221, 221, 221);" width="105">英語</th> <th style="border-color: rgb(221, 221, 221);" width="107">英語の意味</th> <th style="border-color: rgb(221, 221, 221);" width="218">値</th> <th style="border-color: rgb(221, 221, 221);" width="193">アプリケーション シナリオ</th> <th style="border-color: rgb(221, 221, 221);" width="169"></th> </tr> </thead> <tbody>src<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">SouRCe</td> <td style="border-color: rgb(221, 221, 221);" width="107">リソースの場所</td> <td style="border-color: rgb(221, 221, 221);" width="218">リソース パス</td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169"><br></td> </tr>境界線<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">境界線</td> <td style="border-color: rgb(221, 221, 221);" width="107">境界線</td> <td style="border-color: rgb(221, 221, 221);" width="218">数値 (ピクセル)</td> <td style="border-color: rgb(221, 221, 221);" width="193"> </td> <td style="border-color: rgb(221, 221, 221);" width="169"><br></td>#サイズ</tr> <tr class="odd">サイズ<td style="border-color: rgb(221, 221, 221);" width="105"></td>サイズ<td style="border-color: rgb(221, 221, 221);" width="107"></td>数値 (ピクセル)<td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br>##幅</td> </tr>幅<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">幅</td> <td style="border-color: rgb(221, 221, 221);" width="107">数値 (ピクセル)</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br>高さ</td> </tr>高さ<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">高さ</td> <td style="border-color: rgb(221, 221, 221);" width="107">数値 (ピクセル)</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br>bgcolor</td> </tr>BackGround COLOR<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">背景色</td> <td style="border-color: rgb(221, 221, 221);" width="107">色の値: rea または #ffffff</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br>##背景</td> </tr>背景<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">背景画像</td> <td style="border-color: rgb(221, 221, 221);" width="107">画像パス</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br>リスト- style</td> </tr>list-style<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">リストのすべてのプロパティを設定します</td> <td style="border-color: rgb(221, 221, 221);" width="107"></td> <td style="border-color: rgb(221, 221, 221);" width="218"></td>List<td style="border-color: rgb(221, 221, 221);" width="193"><br></td> <td style="border-color: rgb(221, 221, 221);" width="169"> list-style-image</td> </tr>list-style-image<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">画像をリスト項目タグとして設定</td> <td style="border-color: rgb(221, 221, 221);" width="107">なし</td>url<td style="border-color: rgb(221, 221, 221);" width="218"></td>list <td style="border-color: rgb(221, 221, 221);" width="193"><br></td> <td style="border-color: rgb(221, 221, 221);" width="169">list-style-type</td> </tr>list-style-type<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">リスト項目マークのタイプを設定します</td> <td style="border-color: rgb(221, 221, 221);" width="107">Disc(黒丸)</td>丸(白丸)<td style="border-color: rgb(221, 221, 221);" width="218">正方形(黒四角)</td> <td style="border-color: rgb(221, 221, 221);" width="169">リスト</td> </tr> <tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">行の高さ</td> <td style="border-color: rgb(221, 221, 221);" width="107">行の高さ</td> <td style="border-color: rgb(221, 221, 221);" width="218">行の高さ(行間隔)</td> <td style="border-color: rgb(221, 221, 221);" width="193">数値 (ピクセル)</td> <td style="border-color: rgb(221, 221, 221);" width="169">複数行テキストのレイアウト</td> </tr> <tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">text-align</td> <td style="border-color: rgb(221, 221, 221);" width="107">text-align</td> <td style="border-color: rgb(221, 221, 221);" width="218">配置</td>#左、右、中央<td style="border-color: rgb(221, 221, 221);" width="193">#さまざまな要素の配置</td> <td style="border-color: rgb(221, 221, 221);" width="169"></td> </tr>letter-spacing<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">letter-spacing</td> <td style="border-color: rgb(221, 221, 221);" width="107">文字間隔</td> <td style="border-color: rgb(221, 221, 221);" width="218">数字 (ピクセル)</td> <td style="border-color: rgb(221, 221, 221);" width="193">文字間の間隔を広げる</td> <td style="border-color: rgb(221, 221, 221);" width="169"></td> </tr>text-decoration<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">text-decoration</td> <td style="border-color: rgb(221, 221, 221);" width="107">テキストの変更</td> <td style="border-color: rgb(221, 221, 221);" width="218">下線、なし</td> <td style="border-color: rgb(221, 221, 221);" width="193">下線、下線などを追加します。</td> <td style="border-color: rgb(221, 221, 221);" width="169"></td> </tr>margin-top<tr class="odd">(right、bottom 、左)<td style="border-color: rgb(221, 221, 221);" width="105"><br></td> <td style="border-color: rgb(221, 221, 221);" width="107"> <br>#マージン</td>#数値 (ピクセル)<td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br># #padding -top</td>(右、下、左)</tr> <tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105"><br></td>パディング<td style="border-color: rgb(221, 221, 221);" width="107"> <br>数値 (ピクセル)</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"> </td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br>display</td> </tr>display<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">ブロックレベル要素とインライン要素のデフォルトの表示モードを変更する</td> <td style="border-color: rgb(221, 221, 221);" width="107">block (改行ブロック) </td>inline(ブロックから行へ)<td style="border-color: rgb(221, 221, 221);" width="218">none(この要素は Web ページには表示されません)</td> <td style="border-color: rgb(221, 221, 221);" width="193"> <br><br> </td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br>position</td> </tr> Position<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">Positioning</td> <td style="border-color: rgb(221, 221, 221);" width="107">static(静的位置決め)</td>relative(相対位置決め)<td style="border-color: rgb(221, 221, 221);" width="218">absolute(絶対位置決め)</td>fixed(固定位置決め)<td style="border-color: rgb(221, 221, 221);" width="193"> <br>使用配置<br><br> </td> <td style="border-color: rgb(221, 221, 221);" width="169">#float</td> </tr>float<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">float</td> <td style="border-color: rgb(221, 221, 221);" width="107">なし、左、右</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> <td style="border-color: rgb(221, 221, 221);" width="169">#clear<br> </td>clear</tr> <tr class="even">フロートの折りたたみの処理<td style="border-color: rgb(221, 221, 221);" width="105"></td>left(左のフロートをクリア)<td style="border-color: rgb(221, 221, 221);" width="107">right(右のフロートをクリア)</td>both (両側の float をクリアします)<td style="border-color: rgb(221, 221, 221);" width="218">none (float をクリアしません)</td> <td style="border-color: rgb(221, 221, 221);" width="193"> <br><br><br> </td>##type<td style="border-color: rgb(221, 221, 221);" width="169"> <br>type</td> </tr>リストタイプ<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">ディスク(黒丸)</td>サークル(白丸)<td style="border-color: rgb(221, 221, 221);" width="107">正方形 (黒四角)</td> <td style="border-color: rgb(221, 221, 221);" width="169">リスト用</td> </tr> <tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">align</td> <td style="border-color: rgb(221, 221, 221);" width="107">align</td> <td style="border-color: rgb(221, 221, 221);" width="218">align</td> <td style="border-color: rgb(221, 221, 221);" width="193">左、右、 center<br>top、middle、bottom</td> <td style="border-color: rgb(221, 221, 221);" width="169"> 段落コンテンツの水平方向の配置、テキストと画像の垂直方向の配置</td> </tr> <tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">type</td> <td style="border-color: rgb(221, 221, 221);" width="107">type</td> <td style="border-color: rgb(221, 221, 221);" width="218">フォーム要素タイプ</td> <td style="border-color: rgb(221, 221, 221);" width="193">text(テキスト)<br>チェックボックス(チェック)<br>ラジオ(単一選択)<br>パスワード(パスワード)<br>file(ファイル)<br>submit( submit )<br>reset(リセット)<br>button(ボタン)<br>image(画像ボタン)<br>hidden(非表示)<br> </td> <td style="border-color: rgb(221, 221, 221);" width="169">フォーム要素</td> </tr> <tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">method</td> <td style="border-color: rgb(221, 221, 221);" width="107">method</td> <td style="border-color: rgb(221, 221, 221);" width="218">フォームデータの送信方法</td> <td style="border-color: rgb(221, 221, 221);" width="193">get<br>post</td> <td style="border-color: rgb(221, 221, 221);" width="169"><br></td> </tr> <tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">alt</td> <td style="border-color: rgb(221, 221, 221);" width="107">alter</td> <td style="border-color: rgb(221, 221, 221);" width="218">変更、置換 (画像が表示されない場合のプロンプトメッセージ)</td> <td style="border-color: rgb(221, 221, 221);" width="193"><br></td> <td style="border-color: rgb(221, 221, 221);" width="169">画像</td> </tr> <tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">セルパディング</td>#セルパディング<td style="border-color: rgb(221, 221, 221);" width="107">##セルパディング</td>##番号<td style="border-color: rgb(221, 221, 221);" width="218">##テーブル</td> <td style="border-color: rgb(221, 221, 221);" width="193">#cellspacing</td> <td style="border-color: rgb(221, 221, 221);" width="169">セル間隔</td> </tr>セル間の距離<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">数値</td> <td style="border-color: rgb(221, 221, 221);" width="107">テーブル</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"> href</td> <td style="border-color: rgb(221, 221, 221);" width="169">ハイパーテキスト リファレンス</td> </tr>ハイパーテキスト リファレンス (ファイルの場所にジャンプ)<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105"></td> <td style="border-color: rgb(221, 221, 221);" width="107"></td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"><br></td> rel<td style="border-color: rgb(221, 221, 221);" width="169"> <br>RELationship</td> </tr>リレーションシップ (リンクされたファイルと HTML ドキュメント間の関係を定義するために使用されます)<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">StyleSheet スタイル シート</td> <td style="border-color: rgb(221, 221, 221);" width="107"> linkファイルをリンクする場合</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193">target</td> <td style="border-color: rgb(221, 221, 221);" width="169">target</td> </tr>target (Web ページが開く場所)<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">_blank(新しいウィンドウが開きます) </td>_self(独自のウィンドウを開きます)<td style="border-color: rgb(221, 221, 221);" width="107">_top(ブラウザ ジョブ全体をウィンドウとして使用して、新しいページを表示します)</td>_parent(親ウィンドウで新しいページを開きます)<td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"></td> </tr> <tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">colspan</td> <td style="border-color: rgb(221, 221, 221);" width="107">COLumn span</td> <td style="border-color: rgb(221, 221, 221);" width="218">セルの列数</td> <td style="border-color: rgb(221, 221, 221);" width="193">Number (またがる列数)</td> <td style="border-color: rgb(221, 221, 221);" width="169"> テーブル</td> </tr> <tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">rowspan</td> <td style="border-color: rgb(221, 221, 221);" width="107">行スパン</td> <td style="border-color: rgb(221, 221, 221);" width="218">セルにまたがる行</td> <td style="border-color: rgb(221, 221, 221);" width="193">Number (またがる行数)</td> <td style="border-color: rgb(221, 221, 221);" width="169"> テーブル</td> </tr> <tr class="odd">#readonly<td style="border-color: rgb(221, 221, 221);" width="105"></td>readonly<td style="border-color: rgb(221, 221, 221);" width="107"></td>readonly<td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"><br></td> <td style="border-color: rgb(221, 221, 221);" width="169"><br></td> </tr>##value<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">value</td> <td style="border-color: rgb(221, 221, 221);" width="107">入力ボックスの初期値</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"><br></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br> </td> </tr>maxlength<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">max length</td> <td style="border-color: rgb(221, 221, 221);" width="107">最大長</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"><br></td> <td style="border-color: rgb(221, 221, 221);" width="169"> <br> </td> </tr>スクロール遅延<tr class="even"> <td style="border-color: rgb(221, 221, 221);" width="105">スクロール遅延</td> <td style="border-color: rgb(221, 221, 221);" width="107">スクロール遅延</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"> <br><マーキー></td> <td style="border-color: rgb(221, 221, 221);" width="169"> </td> </tr>direction<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">direction</td> <td style="border-color: rgb(221, 221, 221);" width="107">Direction (スクロール方向)</td> <td style="border-color: rgb(221, 221, 221);" width="218"></td> <td style="border-color: rgb(221, 221, 221);" width="193"> <br>< 探索</td> <td style="border-color: rgb(221, 221, 221);" width="169"> </td> </tr> </tbody> </table> <h2 id="选择器"> <br><br> </h2> </div></div> </tr> </tbody> </table> </td> </tr> </tbody> </table> </tr> </tbody> </table> </tr> </tbody> </table><p>以上がHTML の共通タグと属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="HTMLの<title>タグ" href="https://m.php.cn/ja/faq/432813.html">HTMLの<title>タグ</a></span><span>次の記事:<a class="dBlack" title="HTMLの<title>タグ" href="https://m.php.cn/ja/faq/432948.html">HTMLの<title>タグ</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="https://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ja/faq/432627.html" title="htmlとphpの違いは何ですか" class="aBlack">htmlとphpの違いは何ですか</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/432629.html" title="HTML内でPHPを実行する方法" class="aBlack">HTML内でPHPを実行する方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/432666.html" title="htmlってphpと同じですか?" class="aBlack">htmlってphpと同じですか?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/432765.html" title="HTMLからphpを呼び出す方法" class="aBlack">HTMLからphpを呼び出す方法</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>