今週は、クライアントの 3 つの部分、xhtml、css、JavaScript の文法基礎を学習します。
まず：xhtml の属性（マーク）について -
1. フォーム属性 <form action="form handler url" method="gei/post">
2. <id="" name="">この 2 つの属性 です。固有の識別番号とフォーム名の違い 今週の個人的な宿題と使用法によると、主に <form> <input> などのコントロールで使用されます。
3. コントロール属性 <input>、<select>、<option>、<textarea>
は type 属性とは別に定義されたコントロールで、テキストボックス、複数選択、ラジオ選択など合計 10 種類あります。 、およびパスワードボックスの送信とキャンセルなど。さまざまなニーズに応じてさまざまな制御に使用されます。
<select> と <option> は、ドロップダウン メニューを制御するために一緒に使用されます。基本形式:
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> は、複数行のテキスト ボックスを作成するために使用されます。
4. 一般的に使用される定義属性: font-family: ページ全体のフォント スタイルを定義します。 />空行&nbps ;空スペース
2
番目: CSS コントロール ページ
1。スタイル ルール: CSS スタイル レイアウトを使用する場合、基本的な形式は次のとおりです。
selector
{
属性 1: 値 1;
属性 2: 値 2;
}
<head > に <style type="text/css"> を </head> に追加すると、CSS 関連関数が呼び出されます。
2. セレクター: 要素セレクター、クラス セレクター、ID セレクター、包含セレクター、ワイルドカード セレクター、疑似セレクター クラスと疑似要素セレクター。 （各セレクターの機能と使い方については、書籍 54 ～ 56 を参照してください。）
3. スタイル ルールの位置:
外部、インライン、埋め込みの合計 3 つの形式があります。
外部接続とは、生成したページファイルと同階層に.cssファイルを作成し、.css内に有効な属性コードをテキスト形式で記述することです。
このメソッドは、ページ ファイル内の <link rel="stylesheet" type="text/css" ref="stylesheet url"> で
呼び出されます
。このメソッドは、複数のページで同じスタイルを使用する場合に適しています。埋め込みは一般的に使用される CSS 属性です。つまり、<style type="text/css"> を <head></head> に追加し、
セレクター {
属性 1: 値 属性
2: 値 2;
を使用します。 . .
} が
この形式で使用されます。
インラインとは、要素の後に style 属性を使用して、表示時にスタイルをマークすることを意味します。基本的にhtmlタグにはstyle属性が付いているものがほとんどです。
4.CSSボックステンプレートとオーバーラップ
(1) margin:マージン border:ボーダー パディング:ボーダー距離 (詳細は書籍53ページを参照)
(2) css属性ユニット: (詳細は書籍57〜65ページを参照)
(3) div -css ページ レイアウト:
これが重要なポイントです。<table> 属性だけでページ全体をレイアウトできるわけではありませんが、一般的に使用される <div> の方が便利で簡潔です。
3 番目:
JavaScript の基本および高度な構文で
習得する必要があるポイントは 3 つだけです
。1. <script type="text/javascript"> これは、css 属性の呼び出しと同じです。
document.write("Hello") は C 言語の printf の意味に相当し、alert に置き換えることもできます。
2. イベント ハンドラー: このナレッジ ポイントには 4 つのポイントがあり、ツリー内の 81 ～ 95 ページの詳細な紹介を参照してください。
3. 高度な構文: C 言語のデータ型、ループ、シーケンス、選択に似ています。いくつかの違いがあります:
(1) データ型を定義する場合、明示的に定義する必要はなく、var を使用するだけです。
(2) 異なる型のデータの計算は C 言語ほど明確ではありません。たとえば、文字型とデータ型である var 'a' b も c='a'-b を計算できます。
(3) 文字列演算子を追加しました。
4. 関数呼び出し: これは C 言語に似ています。次の
例を使用して説明します。
org /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="ja" lang="ja">
<頭>
<title>JavaScript の要約</title>
<script type="text/javascript">
関数 sum1(m){
変数 i ,n=1;
for(i=1;i<=m;i++){
n=1/i*n;
}
n を返します。
}
関数 sum(n){
変数i,s=0;
for(i=1;i<=n;i++){
s=s+sum1(i);
}
アラート;
}
</script>
</head>
<本文>
<フォームアクション="#" メソッド="get">
1+1/2!+1/3!+1/4!....1/10!=
<input type="button" value="Sum" onclick="sum(10);" />
</form>
</body>
</html>
この問題は関数呼び出しを使用して合計を計算します。誰でも理解できるはずです。私たちの宿題です。
さて、これが今週の私のまとめです。これは決して包括的なものではなく、単なる参考になれば幸いです。