HTML 基本ノート (推奨)

HTML 基本ノート (推奨)

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>   
  2.      <ヘッド>   
  3.                  < title >私の最初のウェブページ</ title >   
  4.      </ヘッド>   
  5.      <本文>   
  6. これは私の最初のウェブページです
  7.      </本文>   
  8. </html>   

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

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

2. 基本タグ

1. h1-h6 タイトルタグ
2. em イタリック
3. 強い太字
4. hrカットライン
5. br 改行
6. p段落タグ
7. 特殊記号、スペース
8.&gt; 特殊記号、>
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

<<:  MySQLはこのような更新文を決して書きません

>>:  ROS2のインストールとdocker環境の使い方について

推薦する

CSS による要素の中央揃えの原理の分析

CSS で要素の水平方向と垂直方向の中心を設定することは、非常に一般的な要件です。しかし、理論的には...

DIV の一般的なタスク (パート 1) — 一般的なタスク (スクロール バーの表示、div の非表示、イベント バブリングの無効化など)

最も一般的に使用されるレイアウト要素として、DIV は Web 開発において重要な役割を果たします。...

Centos7でのMySQLインストールチュートリアル

MySQLインストールチュートリアル、参考までに具体的な内容は次のとおりです。 1. ダウンロードY...

MySQL 8.0.12 クイックインストールチュートリアル

MySQL 8.0.12 のインストールには 2 日かかり、さまざまな問題が発生しました。以下にまと...

alpineをベースにdockerfileで作成したクローラーScrapyイメージの実装

1.アルパインイメージをダウンロードする [root@DockerBrian ~]# docker ...

Ubuntu Linuxシステムをインストールするときにハードディスクをパーティション分割する最も合理的な方法の詳細な説明

Windows または Linux オペレーティング システムをインストールするかどうかに関係なく、...

MySQL をインストールするときに初期パスワードを忘れた場合のシンプルで効果的な解決策

MySQL をインストールすると初期パスワードが与えられますが、この初期パスワードは大文字と小文字の...

MySQLはPartition関数を使用して水平分割戦略を実装します。

目次1件のレビュー2 水平分割の5つの戦略2.1 ハッシュ2.2 範囲2.3. キー2.4. リスト...

Nginxの現在の制限設定の詳細な説明

この記事では、最も単純なものから最も複雑なものまで、Nginx の現在の制限構成を例を使って説明しま...

HTML ではスペースはどのように表現されますか (どのような意味ですか)?

Web 開発では、次のような文字によく遭遇します: &nbsp;これは実際には HTML が...

MySQL 8.0.20 圧縮版のインストールチュートリアル(画像とテキスト付き)

1. MySQL ダウンロード アドレス。 http://ftp.ntu.edu.tw/MySQL...

HTTPSの最も優れた説明

皆さんおはようございます。しばらく記事を更新していませんでした。実は、私は流行中に1か月以上家にいて...

Nginxドメイン名転送のhttpsアクセスの実装

事前に一言:突然、複数のドメイン名のアクセスを https に転送するというタスクを受け取りました。...

Docker で MySQL をインストールし、リモート接続を実装するチュートリアル

画像をプルする docker プル mysql完成した画像を見る Docker イメージイメージを介...

インデックスは MySQL クエリ条件で使用されますか?

雇用主から MySQL クエリ条件でインデックスが使用されるかどうかを尋ねられた場合、どのように答え...