HTML 基本ノート (推奨)

1. ウェブページの基本構造:

注: HTML では、タグはほとんどの場合ペアで表示されます。始まりがあれば終わりもある

タグがペアで表示されない場合は、タグの後に / を追加して終了を示します。

2. 基本タグ

1. h1-h6 タイトルタグ
2. em イタリック
3. 強い太字
4. hrカットライン
5. br 改行
6. p段落タグ
7. 特殊記号、スペース
8.> 特殊記号、>
9. &lt; 特殊記号、<
10. 「特殊記号」
11. &copy; 特殊記号、著作権記号
12. 注記
13. img画像タグ

属性: src: 画像のパス、alt: 画像が見つからない場合に表示されるテキスト
タイトル: マウスをホバーしたときに表示されるテキスト:
<img src="..." alt="..." title="..."/>

14. ハイパーリンクタグ属性: href: リンク先 使用法:
<a src="...">リンク</a>
まず、アンカーリンクとして<a name="?"></a>を1か所に書きます。
次に別の場所に<a href="?"></a>と書きます
このリンクをクリックするとこれが見つかりますか?位置

使用法：
<a name="?">ここをクリック</a>
<a href="?">ここからリンク</a>

15. ul-li 順序なしリストの使用法:
<ul>
<li>リスト項目 1</li>
.......
<li>リスト項目 n</li>
</ul>

注: 順序はなく、各 li が行です。デフォルトでは、各 li の前に実線のドットが表示されます。

16. ol-li 順序付きリストの使用法:
<オル>
<li>リスト項目 1</li>
.......
<li>リスト項目 n</li>
</ol>
つまり、順序なしリスト内の実線のドットをシリアル番号に置き換えます。

17. dl-dt-dd定義リストの使用法:
<ダウンロード>
<dt>タイトル 1</dt>
<dd>コンテンツ 1</dd>
<dt>タイトル 2</dt>
<dd>コンテンツ 2</dd>
</dl>

結果：
タイトル1
コンテンツ 1
タイトル2
コンテンツ2

18. フォーム要素
a. テキスト 1 行テキスト ボックス
b. パスワードボックス
c. ラジオボタン
d. ファイルファイルセレクター
e. チェックボックス
f. ドロップダウンリストを選択
g. 送信ボタン
h. リセットボタン
i. テキストエリア テキストエリア

使用法：
<テキストエリア列数="50" 行数="20">
12345678941515641
</テキストエリア>

j. フォームタグ送信タグの構文:
<form method="送信方法" action="送信先">

</フォーム>
アクションが空の場合は、現在のページに送信することを意味します
メソッドのオプション属性: post、get
投稿は高度に安全であり、送信された情報はアドレスバーに表示されません。
Get は安全性が低くなります。送信された情報はアドレス バーに表示されます。method 属性を記述しない場合は、デフォルトは get です。

k. 入力タグのオプション値: フォーム要素 ai

l. ドロップダウンリストを選択

使用法：
<選択>
<オプション>2016</オプション>
<option>2015</option>
<オプション>2014</オプション>
</選択>

m. <label> 名前: <input type = "text"/></label> 関連フォーム

機能: 「名前」という単語をクリックすると、マウスは名前の後ろのテキスト ボックスにフォーカスします。

3. 注意:
1. タグ名は小文字にする必要があります
2. HTMLタグは閉じる（終了する）必要があります
3. タグは正しくネストされている必要があります

4. フォームのプロパティ
1. readonly="readonly" 読み取り専用
2. disabled="無効" 無効にする

5. 表
1. テーブルとは何ですか?
最も単純なのはキューです。テーブル間で書き込みができます

2. フォームの使い方は？
まず大きなボックスを描き、次に各行を描き、最後に各列を描きます
<テーブル>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</テーブル>

3. データや要素をtdに配置できる

4. テーブルのいくつかのプロパティ:
幅: 幅を設定する
border: 境界線の太さ
align: 配置、最も一般的な、中央、水平配置
valign: 配置、最も一般的な中央、上、下の配置
cellspacing="20": セル間の距離、デフォルト値は0
cellpadding="20": コンテンツとグリッド間の距離。デフォルト値も 0 です。
bgcolor: 背景色を変更する

5.合併：
colspan="2": セルを水平方向に結合します
rowspan="2": セルを垂直に結合

上記の基本的な HTML ノート (推奨) は、エディターが皆さんと共有するすべてのコンテンツです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/w13248223001/archive/2016/07/21/5693437.html