ホームページ >ウェブフロントエンド >htmlチュートリアル >ゼロから始める HTML/CSS - HTML の基礎 (1)

ゼロから始める HTML/CSS - HTML の基礎 (1)

高洛峰
高洛峰オリジナル
2016-10-09 15:29:011026ブラウズ

1. Web標準

1.1の構造

(1)xhtml (Extensible Hypertext Markup language) Extensible Hypertext Markup Language
(2)W3C (world Wide Web Consortium) World Wide Web Consortium

a、構造を策定( xhtml、xml)、パフォーマンス (css)、標準。

1.2 パフォーマンス

(1) css (カスケード スタイル シート) カスケード スタイル シート

1.3 動作

(1) ECMA (欧州コンピュータ製造者協会) 欧州コンピュータ製造者協会
a、動作 DOM (Document Object Model) を策定テキストオブジェクトモデル
b、ECMAscript標準

2. HTMLの基本構造

<!doctype html>
<html>
  <head>
  <meta charest="utf-8">     <!--编码格式-->
  <title></title>
  </head>
  <body>
  <h1></h1>                   <!--标题-->
      .
      .
      .
  <h6></h6>
  <p></p>                      <!--段落-->
  </body>
</html>

3. 基本構文

3.1 一般タグ

66093c946ae788ce300444bc223b8047

4.3 ハイパーリンク

0882f596afd38d00d23c0553b49aabe15db79b134e9f6b82c0b36e0489ee08ed

パスは絶対パス(https//www.baidu.com)と相対パス(images/inder.html)に分かれます。
target デフォルトの属性値は _Self; 新しいウィンドウを開くには _blank です

4.4 ラベル

手順: A. ブロック間で自動的に交換します
B. P ブロックが幅と高に制限されている場合、コンテンツは中国語になります。変更; 英語の場合は行が折り返されず、オーバーフローします。

注: a. スパンブロックの間に改行はなく、幅と高さを制限したり、テキストの長さに応じて変更したりすることはできません。

4.5 テーブルタグ

1. 構文:

88e8e90f26c896b545a9da7b03756270

2. 説明: テーブルに指定された幅と高さを設定した後、属性 cellpadding を使用すると、指定された幅が設定された幅と高さを超えると、テーブルは伸びてください。

a34de1251f0d9fe1e645927f19a896e8
tr>
t;
form name="フォーム名" method="post/get" action="">f5a47148e367a6035fd7a2faa965022e
説明:

b、テキストボックス
07152560ace1b77361439e815865c9da

c、パスワードボックス

472b3e3e75e057b4ac51e0bb7cc6f4a4

d、ラジオボタン

< ;input type="radio" name="カスタム名 (同じ、必ず記述する必要があります)"/>
次のように:
41adcfe869cf00ccfcec8f435cb39ea3男性

b097cd3f3d7ccf5f4983229173132faa女性


e、複数チェックボックス
e388a4556c0f65e1904146cc1a846bee相手の選択基準94b3e26ee717c64999d7867364b1b4a3
e73f00ef538389081cdd2e561d24517a185
3cd3aad435bdc3266a10d02d95c5373a黑
db7853bb8b4a8793067b5eb2e5cf84e5男
4ced6d4fdd88b7a37fc4066a500eaafd北東

disabled="disabled"(無効、無効)
checked= "チェック済み"(デフォルトで選択)
f、リセット
(1) 9699665aac1716581d34a088e40f7266
(2)4181a948aec944097a723e38cad5ea3b

注:ボタンはラベルとして使用されますbb9345e55eb71822850ff156dfde57c8Button65281c5ac262bf6d81768915a4a77ac0ジャンプと送信の両方です

h、ドロップダウン リスト
(1)601fe47f5db42774c388fdba29030d28
5a07473c87748fb1bf73f23d45547ab84afa15d3069109ac30911f04c56f3338
5a07473c87748fb1bf73f23d45547ab84afa15d3069109ac30911f04c56f3338
18bb6ffaf0152bbe49cd8a3620346341

i、テキスト フィールド
5f46e4bb79cf1dec500486896c20f201
40587128eee8df8f03d0b607fe983014

注:
(1) 上記のテキスト ボックスはフォーム内に配置されます

。 (2)フォームの属性メソッドの属性値のpost/getの違いは何ですか?
a. Get はサーバーからデータを取得すること、post はサーバーにデータを送信することです。
b. Get は、フォームを送信するアクションの属性が指す URL にパラメーター値を追加します。は、フォーム内の各フィールドに対応しており、URL で確認できます。
投稿は HTTP 経由で行われ、投稿メカニズムはフォーム内の各フィールドとそのコンテンツを HTML HEADER に配置し、それを ACTION 属性の URL アドレスに送信します。ユーザーはこのプロセスを見ることができません。
c. get メソッドの場合、サーバー側の ReqestQueryString は変数の値を取得します。post メソッドの場合、サーバーは Request.Form を使用して送信されたデータを取得します。
d. get のデータ送信量は少なく、2kb 以下です。
post の送信量は多く、一般に制限はありません。
f. get のセキュリティは低いですが、送信効率は高くなります。は高いです

(3) 入力での値の使用方法
a. type="button"/"reset"/"submit" はボタン上のテキストを表します
b. type="text"/"password" を表します初期値
c. type="check"/"radio" 定義と入力関連の値

(4) フォームネスティング
f5d188ed2c074f8b944552db028f98a1
ff9c23ada1bcecdd1a0fb5d5a0f18437
a34de1251f0d9fe1e645927f19a896e8
b90dd5946f0946207856a8a37f441edf
7071b34c2284daffb5befdf51d5542506b3b2d29751cfdcc72e9e47f23776ddcb90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a34de1251f0d9fe1e645927f19a896e8
b6c5a531a458a2e790c1fd6421739d1c8c44bae61d5bb3737a42ec950e910bc3b90dd5946f0946207856a8a37f441edf
b6c5a531a458a2e790c1fd6421739d1cbb9345e55eb71822850ff156dfde57c8ログイン65281c5ac262bf6d81768915a4a77ac0b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
e083986a812e016ef20466f844ca7465

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。