نتعلم هذا الأسبوع الأجزاء الثلاثة للعميل، وهي الأساس النحوي لـ xhtml وcss وjavascript.
أولاً: بخصوص سمات (علامات) xhtml -
1. سمات النموذج <form action="form Handler url"method="gei/post">
2. <id="" name="">هاتين السمتين هي رقم التعريف الفريد والاختلاف في اسم النموذج وفقًا لواجبي الشخصي واستخدامي هذا الأسبوع، يتم استخدامه في الغالب في عناصر التحكم مثل <form> <input>.
3. سمات التحكم <input>، <select> و<option>، <textarea>
؛ ومربع كلمة المرور إرسال وإلغاء وما إلى ذلك. تستخدم لضوابط مختلفة وفقا للاحتياجات المختلفة.
يتم استخدام <select> و<option> معًا للتحكم في القوائم المنسدلة. التنسيق الأساسي:
يتم استخدام<select name="" id="">
<option value="">xx</option>
</select>
<textarea> لإنشاء مربع نص متعدد الأسطر.
4. سمات التعريف شائعة الاستخدام: عائلة الخط: تحديد نمط الخط للصفحة بأكملها؛ حجم الخط: العرض: الارتفاع؛ /> سطر فارغ&nbps ;مساحة فارغة
ثانية: صفحة التحكم في CSS
1. قواعد النمط: عند استخدام تخطيط نمط CSS، يكون التنسيق الأساسي كما يلي
المحدد {
attribute 1: value 1
attribute 2: value 2
.....
}
and في <head> ستؤدي إضافة <style type="text/css"> إلى </head> إلى استدعاء الوظائف ذات الصلة بـ CSS
2. المحددات: محدد العنصر، ومحدد الفئة، ومحدد المعرف، ومحدد التضمين، ومحدد أحرف البدل، ومحدد زائف فئة وشبه زائفة محددات العناصر. (للاطلاع على وظائف كل محدد واستخدامه، يرجى الرجوع إلى الكتاب 54-56)
3. موضع قاعدة الأسلوب:
هناك ثلاثة أشكال إجمالاً - خارجية ومضمنة ومضمنة.
الاتصال الخارجي هو إنشاء ملف .css في نفس ملف المستوى لملف الصفحة الذي تم إنشاؤه، ثم كتابة رمز السمة الفعالة في شكل نص في .css.
ويتم استدعاؤه
باستخدام <link rel="stylesheet" type="text/css" ref="stylesheet url"> في ملف الصفحة
. هذه الطريقة مناسبة لصفحات متعددة لاستخدام نفس النمط.التضمين هو سمة CSS شائعة الاستخدام، أي إضافة <style type="text/css"> إلى <head></head> واستخدام
المحدد {
attribute 1: value 1
attribute 2: value 2
... .
}
يستخدم في هذا النموذج.
يعني السطر استخدام سمة النمط بعد العنصر لتمييز النمط عند عرضه. في الأساس، تحتوي معظم علامات HTML على سمة النمط.
4. قالب مربع CSS والتداخل
(1) الهامش: حد الهامش: حشوة الحدود: مسافة الحدود (راجع الكتاب 53 للحصول على التفاصيل)
(2) وحدة سمات CSS: (راجع الصفحات 57-65 من الكتاب للحصول على التفاصيل)
(3) div تخطيط الصفحة -css:
هذه هي النقطة الأساسية. لا يمكن لسمة <table> فقط تخطيط الصفحة بأكملها، ولكن <div> الشائع الاستخدام أكثر ملاءمة وإيجازًا.
ثالثًا:
هناك ثلاث نقاط فقط تحتاج إلى إتقانها
في بناء الجملة الأساسي والمتقدم لجافا سكريبت
:1. <script type="text/javascript"> هذا هو نفس استدعاء سمات CSS.
document.write("Hello") يعادل معنى printf في لغة C، ويمكن أيضًا استبداله بـ تنبيه.
2. معالج الحدث: هناك 4 نقاط في نقطة المعرفة هذه، وهناك المزيد برجاء الرجوع إلى المقدمة التفصيلية في الصفحات 81-95 في الشجرة.
3. بناء الجملة المتقدم: يشبه أنواع البيانات والحلقات والتسلسلات والاختيار في لغة C. هناك بعض الاختلافات فقط:
(1) لتحديد نوع البيانات، ليست هناك حاجة لتعريفه بشكل صريح، فقط استخدم var.
(2) حساب أنواع البيانات المختلفة ليس واضحًا مثل لغة C. على سبيل المثال، يمكن أيضًا حساب var 'a' b، وهو نوع حرف ونوع بيانات، c='a'-b.
(3) تمت إضافة مشغلي السلسلة.
4. استدعاء الوظيفة: هذا مشابه للغة C وسأستخدم مثالاً للتوضيح:
<!doctype html public "-//w3c//dtd xhtml 1.0 Transitional//en" " http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<الرأس>
<title>مجموع جافا سكريبت</title>
<نوع البرنامج النصي = "نص/جافا سكريبت">
الدالة مجموع1(م){
فار ط ,ن=1;
ل(i=1;i<=m;i++){
n=1/i*n;
}
العودة ن؛
}
مجموع الدالة (ن) {
فار ط,s=0;
ل(i=1;i<=n;i++){
ق=s+sum1(i);
}
التنبيه (التنبيهات)؛
}
</script>
</الرأس>
<الجسم>
<إجراء النموذج = "#" طريقة = "الحصول على">
1+1/2!+1/3!+1/4!....1/10!=
<input type = "button" value = "Sum" onclick = "sum (10)؛"
</النموذج>
</الجسم>
</html>
يستخدم هذا السؤال استدعاءات الوظائف لحساب المجموع. يجب أن يكون الجميع قادرين على فهمه - -! واجباتنا المنزلية.
حسنًا، هذا هو ملخصي لهذا الأسبوع وآمل أن يكون مفيدًا للجميع، وهو بالتأكيد ليس شاملاً وهو مرجعي فقط.