قبل شرح هذه الدورة: دعونا نلقي نظرة على ماهية المتصفح:
ما يسمى المتصفح هو أداة يمكنها تفسير وتنفيذ رمز HTML. هناك مفهوم آخر نحتاج إلى اكتشافه ، المتصفح! = أي ، أي مجرد واحد من المتصفحات. بالإضافة إلى IE ، هناك العديد من المتصفحات ، يمكنك معرفتها بواسطة Google. لن نذهب إلى التفاصيل.
أولاً ، دعونا نفهم ماهية HTML
ما هو HTMLالاسم الكامل لـ HTML: لغة ترميز النص المفرط (لغة ترميز النص المفرط). هذا هو النص الذي يصف مظهر صفحة الويب ومحتوى صفحة الويب. السبب في أن HTML يمكن أن تظهر تأثيرات مختلفة هو وظيفة المتصفح.
المحتوى التكميلي: سنوسع هنا بعض المحتوى ، وهو نفس نص HTML ، وقد يكون التأثير مختلفًا بدون المستعرض. وذلك لأن المتصفحات المتعددة تظهر أولاً ، ثم تتوفر المعايير المقابلة. بالنظر إلى هذا الموقف ، يمكننا استخدام ietester لاختبار مشكلات التوافق في نفس رمز HTML على متصفحات مختلفة.
2. الصفحات الثابتة والصفحات الديناميكية
شيء آخر نحتاج إلى معرفته هو الفرق بين الصفحات الثابتة والصفحات الديناميكية.
بادئ ذي بدء ، تنقسم صفحات موقع الويب إلى صفحات ثابتة وصفحات ديناميكية.
الصفحة الثابتة: جميع الصفحات الثابتة مع اللواحق HTML أو HTML هي صفحات ثابتة ، وهناك صفحة HTML ثابتة على الخادم.
الصفحة الديناميكية: لا توجد صفحة على الخادم يحتاج المستخدمون إلى تصفحها ، ولكن يمكن للخادم إنشاء صفحات HTML التي يتطلبها العميل بشكل ديناميكي.
لتلخيص الفرق بين جملة واحدة في جملة واحدة: تنفيذ الصفحات الديناميكية من جانب الخادم ، فإن الصفحات الثابتة لا تنفذ رمزًا من جانب الخادم (يمكنك التعرف عليه أولاً ، لا بأس ، بعد كل شيء ، الصفحات الثابتة هي محور مناقشتنا اليوم)
3. كيف تكتب صفحة HTML؟
هناك العديد من الأدوات لكتابة HTML. أعتقد أن الجميع يعرف المفكرة ، ويمكنك كتابة صفحات HTML باستخدام Notepad. بالطبع ، يمكنك أيضًا الكتابة باستخدام مفتحات متقدمة مثل EditPlus/UltraEdit ، أو استخدام أدوات مثل Dreamweaver.
الشكل التالي هو الهيكل الأساسي لصفحة الويب HTML
من الصورة أعلاه ، يمكننا أن نرى أن كل المحتوى موجود ضمن علامة <HTML> </html> ؛ <head> </head> يضع معلومات الرأس ، ولن يتم عرض وصف الصفحة على الصفحة. تم تعيين عنوان الصفحة في <title> </title> ، ويمكن وضع <title> فقط في <head> ؛ <Body> </body> هو الهيئة الرئيسية للصفحة ، وسيتم عرض النص في هذه العلامة على صفحة الويب. بالطبع يجب أن تحتوي جميع الصفحات على الأقل على هذه الأجزاء.
نصيحة: إذا لم يتم إغلاق العلامة النهائية لعلامة العنوان ، فلن يتم عرض الصفحة بأكملها.
4. أوجه التشابه والاختلاف بين HTML و XML
أوجه التشابه: كلها لغات ترميز ، ويمكن الوصول إليها من خلال DOM ، ويمكن تغييرها من خلال CSS
الاختلافات:
XML أكثر صرامة من بناء جملة HTML: إذا كانت هناك علامة ابدأ ، فيجب أن يكون لديك علامة نهائية ، وحالة ثابتة ، ونقلت مزدوجة من السمات ، وما إلى ذلك. يركز XML على تخزين البيانات ، بينما تركز HTML على عرض البيانات.5.xhtml و DHTML
XHTML: لغة الترميز القابلة للتمديد ، هي HTML التي تتماشى أكثر مع مواصفات بناء جملة XML. ظهور XHTML هو بشكل أساسي للانتقال إلى XML. يتطلب XHTML: جميع الأحرف الصغيرة ، وعلامة العلامات ، والسمات في عروض أسعار مزدوجة.
DHTML: اختصار HTML الديناميكي هو HTML ديناميكي. مزيج من HTML ، أوراق الأنماط ، وجافا سكريبت
الملحق: معايير الويب ليست معيارًا ، ولكنها مجموعة من سلسلة المعايير.
تتكون صفحة الويب من ثلاثة أجزاء: الهيكل والأداء والسلوك
الهيكل: النص والصور واللغات الأخرى المقابلة: XML ، XHTML
التعبير: المعروف أيضًا باسم الأنماط ، مثل حجم النص واللون ، وما إلى ذلك. CSS
السلوك: يتم إكمال التأثير الديناميكي للعميل بشكل عام من خلال JavaScript. دوم ، ecmascript
بعد ذلك ، دعنا نصل إلى الموضوع: تعلم العلامات الشائعة الاستخدام لـ HTML.
6.html علامة
01 ، H TAG (TITLE) ، HTML يحدد ست علامات H من <H1> </h1> إلى <h6> </h6> ، تمثل خطوط أحجام مختلفة على التوالي. H1 هو الأكبر و H6 هو الأصغر.
02 ، <br/> فقط أدخل ، إنها العلامة التي تغلق نفسها
03 ، <p> هو تجزئة. <p> سيكون هناك مساحات فارغة كبيرة نسبيًا قبل وبعد ، ولكن لن يكون هناك لا.
04 ، <centre> Center </center> Center> Center. (غير موصى به)
05 ، <b> a </b> BOLD ، موصى بها. <i> b </i> مائل. <u> c </u> تحتها خط. <em> الإمبراطورة ، مائل </em>
06 ، <font> </font> علامة الخط ، <font color = "red" size = "7" face = "lishu"> red </font>
07 ، <HR> الخصائص الشائعة للخطوط الأفقية: حجم اللون (سمك) عرض (طول) محاذاة = يسار/الوسط/اليمين (يتم عرض الافتراضي في المسرحية)
7.html الشخصيات الخاصة
& quot ؛
& & amp ؛
<& lt ؛
> & gt ؛
الفضاء و nbsp ؛
© & copy ؛
® & reg ؛
² & sup2 ؛
¥ & ين ؛
³ & sup3 ؛
8. امتداد تنسيق الصورة
9. علامة الصورة: <img alt = "نص موجه عندما لا يمكن عرضه">>
ALT: النص المطالب عندما لا يمكن عرض الصورة.
10. الارتباط التشعبي:
يشير HREF إلى الصفحة المستهدفة ليتم توصيله ، والهدف الذي يشير إلى النافذة الهدف هو القيمة ، ويتم أخذ القيمة
_blank: يفتح في نافذة جديدة
_ نفسه: افتح في نافذتك الخاصة
_Parent: افتح في النافذة الأصل
_top: يعني فتح في نافذة المستوى الأعلى
اسم الإطار: يفتح في الإطار المحدد. (يتعلم)
رابط المرساة: 01 اضبط موضع المرساة
<a name = showbigimg> <img src = image/02.jpg> </a>
02. استدعاء المرساة
<a href =#showbigimg> انظر إلى النساء الجميلات </a>
11. قائمة في HTML:
مقسمة إلى قوائم غير مرتبة ، والقوائم المطلوبة والقوائم المحددة
دعونا نلقي نظرة على مخططات تأثير العرض من القوائم المختلفة
القائمة غير المرتبة:
<ul>
<li> </li>
<li> </li>
</ul>
قائمة مرتبة
<ol>
<li> </li>
<li> </li>
</ol>
قائمة التعريف:
<dl>
<dt> الصين </dt>
<dd> شنغهاي </dd>
<dd> Guangzhou </dd>
<dd> beijing </dd>
</dl>
يمكن أن تكون قيمة النوع: 1 ، A ، A ، I ، I ، Disc ، Circle ، Square.
12. الجدول: يعرض البيانات العادية ، ويستخدم أحيانًا للتخطيط.
كما يتضح من الشكل أعلاه ، يتكون الجدول من صفوف وأعمدة ، ويتم تمثيل الصفوف بواسطة TR ويتم تمثيل الأعمدة بواسطة TD. يمكنك أيضًا استخدام Rowspan (Derge Rows) و Colspan (والمواز) لدمج الخلايا.
التمرين 1: استخدم رمز HTML لإخراج الجدول
التمرين 2: صفوف متقاطعة وأعمدة متقاطعة من الجداول
13. الشكل
الإجراء إرسال البيانات إلى هذه الصفحة افتراضيًا
إذا كنت ترغب في إرسال بيانات إلى الخادم ، فأنت بحاجة إلى وضع عناصر النماذج مثل <pection> ، <evidea> ، <select> ، وما إلى ذلك في النموذج. قيمة نوع الإدخال كما يلي:
تم إعداد السمة المحددة لأزرار الراديو وخانات الاختيار.
يتم استخدام أزرار الراديو لمجموعة من القيم الحصرية المتباد
مخطط تأثير خانة الاختيار كما يلي
هناك ثلاثة أنواع رئيسية من الأزرار: زر إرسال ، زر إعادة تعيين وزر عادي
مربع القائمة المنسدلة
القواعد:
14. مربع نص متعدد الخط:
<extirea> النص </textarea> ، cols = "50" ، الصفات rows = "15" تمثل عدد الصفوف والأعمدة.
عناصر النماذج الشائعة استخدام:
هذه هي نهاية مناقشتنا على HTML اليوم.