لغة ترميز نص Hteper ، أي لغة ترميز النص التشعبي
النص التشعبي: هذا يعني أن الصفحة يمكن أن تحتوي على عناصر غير نصية مثل الصور والروابط وحتى الموسيقى والبرامج.
لغة الترميز: لغة تتألف من علامات (تسميات).
صفحة الويب == مستند HTML ، الذي يتم تحليله بواسطة المتصفح ، يستخدم لعرضه
صفحة الويب الثابتة: موارد ثابتة ، مثل xxx.html
صفحة الويب الديناميكية: يتم إنشاء رمز HTML ديناميكيًا بواسطة لغة تطوير بناءً على طلبات المستخدم.
فيما يلي مخطط بنية الشجرة لملف HTML
مفهوم العلامة:• يتكون من كلمات ملفوفة بواسطة زوج من الأقواس الزاوية. على سبيل المثال: <html> *لا يمكن أن تبدأ الكلمات في جميع العلامات بالأرقام.
• العلامات غير حساسة للحالة. <html> و <html>. يوصى بحرف صغيرة.
• يتم تقسيم العلامة إلى جزأين: علامة البدء <a> والعلامة النهائية </a>. يسمى الجزء بين العلامات اثنين جسم العلامة.
• بعض وظائف العلامات بسيطة نسبيا. فقط استخدم علامة واحدة. هذه العلامة تسمى التوحد والعلامات. على سبيل المثال: <br/> <hr /> <input /> <img />
• يمكن أن تكون العلامات متداخلة. لكن لا يمكن أن يكونوا متقاطعين. <a> <b> </a> </b>
خصائص العلامات:• عادة ما يظهر في شكل أزواج القيمة الرئيسية. على سبيل المثال ، الاسم = أليكس
• يمكن أن تظهر الخصائص فقط في علامة البدء أو التوحد والعلامات.
• أسماء السمات كلها صغيرة. *يجب أن تكون قيم السمة ملفوفة في عروض أسعار مزدوجة أو عروض أسعار واحدة ، على سبيل المثال الاسم = أليكس
• إذا كانت قيمة السمة واسم السمة متماثلين تمامًا ، فما عليك سوى كتابة اسم السمة مباشرة. على سبيل المثال ، readonly
2. مقدمة إلى العلامات الرئيسية للرأس• <TECA> تكوين علامات meta: هناك سمتان في علامة meta ، سمة الاسم ، على التوالي ، سمة HTTP-equiv وسمة الاسم. السمات المختلفة لها قيم معلمة مختلفة ، وتدرك قيم المعلمة المختلفة وظائف صفحة الويب المختلفة.
1 تُستخدم سمة الاسم بشكل أساسي لوصف صفحة ويب ، وقيمة السمة المقابلة هي المحتوى. يتم استخدام المحتوى في المحتوى بشكل أساسي بواسطة روبوتات محرك البحث للعثور على المعلومات وتصنيف المعلومات.
<meta name = keywordscontent = meta summary ، html meta ، meta settribute ، meta Jump>
<meta name = descriptionContent = مؤسسة تدريب الصبي القديم يتم إنشاؤها بواسطة صبي قديم>
2 http-equiv ، كما يوحي الاسم ، يعادل رأس ملف HTTP. يمكن أن يمرر بعض المعلومات المفيدة إلى المتصفح للمساعدة في عرض محتوى صفحة الويب بشكل صحيح ودقة. قيمة السمة المقابلة هي المحتوى. المحتوى في المحتوى هو في الواقع القيمة المتغيرة لكل معلمة.
<meta http-equiv = refreshContent = 2 ؛ url = https: //www.vevb.com> // (لاحظ الاقتباسات بعد ذلك ، والتي تكون قبل الثواني وبعد عنوان URL على التوالي)
<meta http-equiv = content-typecontent = text/html ؛ charset = utf8>
<meta http-equiv = x-ua contency content = ie = edge ، chrome = 1>
• <title> Boy Old </itlem>
• <link rel = icon href = http: //www.jd.com/favicon.ico>
3. علامات الجسم العلامات الأساسية:<hn>: نطاق القيمة N هو 1 ~ 6 ؛ من كبير إلى صغير. تستخدم لتمثيل العنوان.
<p>: علامة الفقرة. يتم لف محتوى الحزمة في الخط. هناك أيضًا خط فارغ بين المحتويات العلوية والسفلية.
<b> <strong>: علامة BOLD.
<strike>: أضف خط الوسط إلى النص.
<em>: النص يصبح مائلًا.
<sup> و <sub>: علامات الزاوية العلوية وطاولات الزاوية السفلية.
<br>: خط العلامة التجارية.
<HR>: الخط الأفقي
<p> <span>
العلامات على مستوى الكتلة والمضمنة
علامة مستوى الكتلة: <p> <h1> <table> <ol> <ul> <Porm> <p>
العلامات المضمّنة: <a> <ANPUT> <IMG> <SUB> <SUP> <SEDSAREA> <SPAN>
خصائص عناصر الكتلة① ابدأ دائمًا على خط جديد ؛
② يمكن التحكم في الارتفاع ، ارتفاع الخط ، الهامش الخارجي والهامش الداخلي ؛
③ العرض الافتراضي هو 100 ٪ من الحاوية ، ما لم يتم تعيين العرض.
④ يمكن أن تستوعب العناصر المضمنة وعناصر الكتلة الأخرى
خصائص العناصر المضمنة① والعناصر الأخرى على نفس الخط ؛
② لا يمكن تغيير الارتفاع ، ارتفاع الخط ، الهامش الخارجي والهامش الداخلي ؛
③ العرض هو عرض نصه أو صورته ولا يمكن تغييره
④ العناصر المضمنة يمكن أن تستوعب فقط النص أو العناصر المضمنة الأخرى
بالنسبة للعناصر داخل الخط ، يرجى الانتباه إلى ما يلي
عرض عرض العرض غير صالح.
ارتفاع الارتفاع غير صالح ، يمكنك ضبطه من خلال ارتفاع الخط.
تحديد هامش الهامش فقط صالحة ، ولكن الأجزاء العلوية والسفلية غير صالحة.
يعد إعداد الحشوة اليسرى فقط وليمين صالحًا ، لكن صعودًا وهبوطًا غير صالح. لاحظ أن نطاق العناصر قد زاد ، ولكن ليس له أي تأثير على المحتوى حول العناصر.
شخصيات خاصة:& lt ؛ & gt ؛ & quot ؛ & copy ؛ & reg ؛
علامة الرسوم <img>:
SRC: المسار لعرض الصورة.
ALT: المطالبة عندما لا يتم تحميل الصورة بنجاح.
العنوان: رسالة سريعة عند تعليق الماوس.
العرض: عرض الصورة
الارتفاع: ارتفاع الصورة (واحد فقط من خصائص العرض والارتفاع سوف يتوسع تلقائيًا بالتساوي.)
علامة الارتباط التشعبي <a>:
HREF: مسار المورد للاتصال هو كما يلي: HREF = https: //www.vevb.com
الهدف: _blank: يفتح الارتباط التشعبي في نافذة جديدة. اسم الإطار: يفتح محتوى الاتصال في الإطار المحدد.
الاسم: يحدد إشارة مرجعية للصفحة.
تستخدم للقفز HREF: #bookmark اسم.
قائمة العلامات:<ul>: قائمة غير مرتبة
<ol>: قائمة مرتبة
<li>: كل عنصر في القائمة.
<dl> قائمة التعريف
<dt> عنوان القائمة
<dd> عناصر قائمة
علامة الجدول <الطاولة>:
الحدود: الحدود الجدول.
cellpadding: الهامش الداخلي
خلايا الخلايا: الهامش.
العرض: نسبة بكسل. (من الأفضل ضبط الطول والعرض من خلال CSS)
<tr>: صف الجدول
<h>: خلية رأس الجدول
<td>: خلية بيانات الجدول
Rowspan: كم عدد الصفوف التي تمتدها الخلايا رأسياً
Colspan: كم عدد الأعمدة التي يمتد الخلية (أي دمج الخلايا)
<h>: رأس الجدول <tbody> (غير شائع الاستخدام): قسم الجدول
علامة النموذج <Porm>
يتم استخدام النموذج لنقل البيانات إلى الخادم.
يمكن أن يحتوي النموذج على عناصر إدخال ، مثل حقول النص ، وخانات الاختيار ، وصناديق الراديو ، وأزرار التقديم ، إلخ.
يمكن أن يحتوي النموذج أيضًا على عناصر Textarea و Select و Fieldset و Label.
1. خصائص النموذجيتم استخدام نماذج HTML لتلقي أنواع مختلفة من مدخلات المستخدم. عندما يقدم المستخدم النموذج ، يتم نقل البيانات إلى الخادم ، وبالتالي تحقيق التفاعل بين المستخدم وخادم الويب. علامات النماذج ، يجب أن يكون كل شيء يجب إرساله في تلك العلامة.
الإجراء: مكان إرسال النموذج. بشكل عام ، يشير إلى برنامج على الخادم. يستقبل البرنامج البيانات المقدمة من النموذج (أي قيمة عنصر النموذج) للمعالجة المقابلة ، مثل https://www.sogou.com/web
الطريقة: يتم تقديم النموذج عن طريق post/get. القيمة الافتراضية هي الحصول على (الظرف)
الحصول على: 1. تقديم أزواج القيمة الرئيسية المقدمة. مكان بعد عنوان URL في شريط العناوين. 2. أمن ضعيف نسبيا. 3. هناك قيود على طول المحتوى المقدم.
بعد: 1. زوج القيمة الرئيسية المقدمة ليس في شريط العناوين. 2. الأمن مرتفع نسبيا. 3. لا يوجد حد نظري على طول المحتوى المقدم.
GET/POST هي طريقتين للطلب الشائع.
2. عناصر النماذج<pection>
يكتب:
مربع إدخال النص النص
مربع إدخال كلمة المرور كلمة المرور
مربع اختيار الراديو
مربعات الاختيار مربعات التحديد المتعددة
زر إرسال
زر زر (يجب استخدامه مع JS.) ما هو الفرق بين الزر والإرسال؟
ملف إرسال الملف: نموذج النموذج يحتاج إلى إضافة السمة enctype = multipart/form-data
XML/HTML رمز نسخ المحتوى إلى الحافظة