<p class="sycode"> </p> <p class="sycode"> <strong>1. 開発の準備</strong> </p> <p class="sycode"> </p> <li>開発ツール</li> <li> </li> <li>intellij IDEA</li> <li>WebStorm</li> <li>eclipse</li> <li>dreamweaver</li> <li>notepad++</li> <li>参考資料</li> <li> </li> <li>w3c: http://www.w3school.com .cn/</li> <p class="sycode"> <strong>2.HTML 構文</strong> </p> <li>タグ名と属性では大文字と小文字が区別されません。 </li> <li>HTML エンティティ文字</li> <li> </li> <li>Space: </li> <li><:<</li> <li>>:></li> <li>&:&</li> <li>":&quo1. クロスプラットフォーム </li> <li>HTML メイン構造</li> <li> </li> <li><html> ; </li> <li> </li> <li><head></li> <li> </li> <li><title>このタグは存在する必要があります</title></li> <li><base href="URL" target="" /><!-- ページを指定してくださいベース URL (head タグ内にある必要があり、番号は最大 1 つです)--></li> <li><link /><!--外部カスケード スタイル シートの配置用--></li> <li>< /head> </li> <li><body></li> <li><!--bodyタグ内の属性情報--></li> <li> <table> <tr> <td>text</td> <td> テキストの色を設定します</td> </tr> <tr> <td>bgcolor</td> <td>背景色を設定します</td> </tr> <tr> <td>背景</td> <td>背景パターンを設定します</td> </tr> <tr> <td>bgproperties</td> <td>背景パターンを固定に設定します</td> </tr> <tr> <td>link</td> <td>ページのデフォルトのリンク色を設定します</td> </tr> <tr> <td>alink</td> <td>次のときにリンクを設定しますマウスをクリックしたとき Color </td> </tr> <tr> <td>vlink </td> <td>アクセス後のリンクの色を設定</td> </tr> <tr> <td>topmargin</td> <td>ページの上マージンを設定</td> </tr> <tr> <td>leftmargin</td> <td>ページの左マージンを設定</td> </tr> </table> <p class="sycode"> </body> </p> </li> <li></html></li> <li><body> 中間タグ </li> <li> </li> <li><br>: 改行 </li> <li> lt;p&g t;: 段落を変更します </li> <li>< ;pre>: 事前フォーマット、ソース コード内のテキストの形式を保存 </li> <li><li>: リスト項目 </li> <li><ul>: 順序なしリスト </li> <li><ol>: 順序付きリスト </li> <li><hr> ; : 水平区切り線 </li> <li> テキストラベル </li> <li> </li> <li><hn>: n は 1 ～ 6 で、6 レベルの見出しを定義します </li> <li><b>: 太字フォント </li> <li><i>: 斜体 </li> <li>< u>: 下線 </li> <li><font>: フォント </li> <li><tt>: プリンターのテキスト </li> <li><small>: 小さなフォントのラベル </li> <li><big>: 大きなフォントのラベル </li> <li><sub>: 下のテキスト上付き文字 </li> <li><sup>: 上付き文字 </li> <li> 画像の挿入 <img /></li> <li> </li> <li>src: 画像の URL パス名 </li> <li> alt: テキストの説明 (3 つの機能があります: カーソルが上にあるときに表示)画像; 画像が読み込まれていないときのテキスト表示; 検索エンジンのクロールの基礎) </li> <li>幅、高さ、境界線: 幅、高さ、端。 </li> <li>ハイパーリンクとアンカー<a href="URL" name="name" target="target">リンク テキスト</a></li> <li> </li>href: リンク アドレス。絶対アドレスまたは相対アドレス、#Anchor名前。 <li> </li>name: アンカー名 <li> </li>target: リンクを開くために使用されたブラウザのウィンドウ名 <li> </li> <li> </li>_self: 現在のウィンドウ。 <li> </li>_blank: 新しいウィンドウ。 <li> </li>_parent: 親ウィンドウ (フレーム内)。 <li> </li>_top: 上部のウィンドウ (フレーム内)。 <li> </li>Table<li> </li> <li> </li><table></table>テーブル基本タグ<li> </li> <li> </li>align: 前階層のテーブルの配置位置を指定(leftcenterright) <li> </li>width, height, border: width, height 、 角 。 <li> </li>cellspacing: セル間の間隔。 <li> </li>cellpadding: セルの内容と境界線の間のスペース。 <li>＆＆lt;キャプション＆gt;テーブルタイトル＆lt;/caption＆gt; ;</li> <li>HTML フレーム構造 (ブラウザ ウィンドウを複数のサブウィンドウに分割します)</li> <li> </li><frameset>frameset</frameset> は <body></body> を置き換えます。 <li> </li> サブウィンドウのコンテンツの場合は、単一のタグ <frame /> に含める必要があります。 <li> </li>フレームはネストできます。 <li> </li>Formタグ（インタラクション情報の収集に使用） <li> </li> <li> </li>Form属性<form></form><li> </li> <li> </li>name: name<li> </li>method: フォーム情報送信メソッド(<li>GET</li>: フォームの内容が付加される) URL 以降の長さ制限は 8196 で、ASCII コード値です。機密性はありません/<li>POST</li>: フォームのコンテンツはフォーム本文と一緒にサーバーに送信されます。長さ制限はありません)<li> </li>アクション: ハンドラー名。空 (空: アクション = "いいえ")。 <li> </li>target: リンクに似ており、送信後にリンクを開く方法を示します。 <li> </li>入力フィールド<input /><li> </li> <li>type="text": テキストフィールド。 <strong> </strong>type="radio": ラジオボタン。 <strong> </strong>type="チェックボックス": チェックボックス。 </li> <li>type="button": 通常のボタン。JavaScript などのスクリプトと組み合わせて使用する必要があります。 </li> <li>type="password": パスワードフィールド。 </li> <li>type="submit": 送信ボタン。送信後、フォームのコンテンツは処理のためにアクションに渡されます。 </li> <li>type="reset": フォームのコンテンツをリセットするボタン。 </li> <li>type="hidden": 非表示のドメイン。表示されません。 + ;リスト項目</option></li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li>著作権表示: この記事はブロガーによるオリジナル記事であり、ブロガーの許可なく複製することはできません。 <li> </li> <li>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
