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

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

高洛峰
リリース: 2016-10-09 15:29:01
オリジナル
1025 人が閲覧しました

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 一般タグ

<タグ属性1="属性値1" 属性2="属性値2" >
は次のとおりです:
gt; gt; /> & lt; & lt;!-変更-& gt;

4.共通タグ(ラベル)



4.1 リスト

a、順序付きリスト

 <ol>  ordered
  <li></li>
  <li></li>
  <li></li>  
</ol>
ログイン後にコピー

b、順序なしリスト

<ul>  unordered
  <li></li>
  <li></li>
  <li></li>  
</ul>
ログイン後にコピー
c、カスタムリスト
<dl>  definition list
  <dt>被解释</dt>  
  <dd>解释</dd>  definition description
</dl>
ログイン後にコピー
注: dd は繰り返し可能ですが、dt 1 つだけが許可されます;

パラメータ スタイル順序付きリストの ="A", start="3", //最初のシーケンスは C から始まります。

4.2 画像タグ

画像(挿入エラー時)置換テキスト

4.3 ハイパーリンク

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

4.4 ラベル

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

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

4.5 テーブルタグ

1. 構文:

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


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

b、テキストボックス


c、パスワードボックス

d、ラジオボタン

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

女性


e、複数チェックボックス

相手の選択基準


185


北東

disabled="disabled"(無効、無効)
checked= "チェック済み"(デフォルトで選択)
f、リセット
(1) (リセット、上で入力したデータをクリア)
g、ボタン
(1)
(2)

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

h、ドロップダウン リスト
(1)

i、テキスト フィールド



注:
(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) フォームネスティング





< ;td>





関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
< input type="button" 値="パスワードをお忘れですか?">