今週、私はクライアントの3つの部分、XHTML、CSS、およびJavaScriptの構文基底を学びました。 最初：XHTML属性について（タグ） - 1。フォームプロパティ<フォームアクション= "フォームハンドラーurl" method = "gei/post"> 2. <id = "" name = "">これらの2つの属性は、今週の私の個人的な宿題と使用法によると、<form> <入力などのコントロールで使用されます。 > in。 3。プロパティを制御<inupt>、<select>、<option>、<textarea>; <input>は、タイプ属性の定義とは異なるコントロールです。さまざまなニーズに応じてさまざまなコントロールに使用されます。 <select>および<option>は、コントロールドロップダウンメニューとして一緒に使用されます。基本形式： <select name = "" id = ""> <オプション値= ""> xx </option> </select> <textarea>は、マルチラインテキストボックスを作成するために使用されます。 4。 >空のライン＆nbps; 1つのスペース 2番目：CSSコントロールページ 1。スタイルルール：CSSスタイルを使用したレイアウトでは、基本形式は次のとおりです。 セレクタ{ 属性1：値1; 属性2：値2; ..... } <style type = "text/css">を<ヘッド> </head>に追加して、CSS関連の関数を呼び出す 2。セレクター：要素セレクター、クラスセレクター、IDセレクター、セレクター、ワイルドセレクター、擬似クラス、擬似エレメントセレクターを含むIDセレクター。 （本54-56を参照してください） 3。スタイルのルール位置： 合計には3つのフォームがあります - アウトリーチ、インライン、埋め込み。 アウトリーチは、生成されたページファイルと同じファイルに.cssファイルを作成し、.cssのテキストの形式で作業属性コードを書き込むことです。 ページファイルで、<link rel = "styleSheet" type = "text/css" ref = "url of styleSheet">を使用してください> 呼び出すには、この方法は複数のページに同じスタイルを使用するのに適しています。 埋め込みは、一般的に使用されるCSS属性です。つまり、<style type = "text/css"> to <head> </head>を追加し、使用します セレクタ{ 属性1：値1; 属性2：値2; ..... } このフォームが使用されます。 インラインとは、要素の後にスタイル属性を使用して、表示されたときにスタイルをマークすることを意味します。基本的に、ほとんどのHTMLタグにはスタイル属性があります。 4.CSSボックスのカビとオーバーラップ （1）マージン：マージンボーダー：ボーダーパッド：ボーダー間隔（詳細については53冊を参照） （2）CSS属性ユニット：（本の57〜65ページの詳細な紹介を参照） （3）div-cssページレイアウト： これがポイントです。<table>属性がページ全体をレイアウトできるだけでなく、一般的に使用される<div>はより便利で簡潔です。 3番目：JavaScriptの構文基底と進歩 マスターには3ポイントしかありません。 1. <script type = "text/javascript">これは、CSS属性を呼び出すのと同じです。 document.write（ "hello"）は、c言語printfの意味と同等であり、アラートに置き換えることもできます。 2。イベントハンドラー：このポイントには4つの知識ポイントがありますが、これは非常に多くの紹介を参照してください。 3. Advanced Syntax：つまり、C言語でのデータ型、ループ、順序、および選択に似たクラスを選択します。いくつかの違いがあります： （1）明示的な定義なしでデータ型を定義し、varを使用するだけです。 （2）さまざまなタイプのデータ計算は、たとえばc言語ほど明確ではありません。 （3）文字列演算子を追加しました。 4。関数呼び出し：これはC言語にも似ています。 <！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd "> </body> この質問は機能呼び出しを使用して合計されており、誰もが理解できるはずです---！私たちの宿題。 OK、これは今週の要約です。
<html xmlns = " http://www.w3.org/1999/xhtml " xml：lang = "en" lang = "en">
<head>
<title> javascript sum </title>
<script type = "text/javascript">
関数sum1（m）{
var i、n = 1;
for（i = 1; i <= m; i ++）{
n = 1/i*n;
}
n;
}
関数合計（n）{
var i、s = 0;
for（i = 1; i <= n; i ++）{
s = s+sum1（i）;
}
アラート（s）;
}
</script>
</head>
<body>
<form action = "＃" method = "get">
1+1/2！+1/3！+1/4！...... 1/10！=
<input type = "button" value = "sum" onclick = "sum（10）;"
</form>
</html>