يعرّف HTML <h1> </h1> إلى <h6> </h6> Six <H> علامات ، والتي تستخدم للعنوان (العنوان) بخطوط مختلفة الحجم ، على التوالي. الخط من كبير إلى صغير ، <h1> الأكبر ، و <h6> الأصغر.
تحتاج الملصقات إلى ملاحظة: أ. نظرًا لأن تسمية العنوان عبارة عن عنصر على مستوى الكتلة ، بشكل افتراضي ، ستضيف HTML تلقائيًا خطًا فارغًا إضافيًا (<br/>) قبل وبعد عناصر المستوى. ب. نظرًا لأن علامة العنوان ودية للغاية لكبار المسئولين الاقتصاديين ، فإن محركات البحث تستخدم فهرس العنوان ومجموعة المحتوى باستخدام عنوان موقع الويب الخاص بك ، ويمكن للمستخدمين تصفح صفحات الويب الخاصة بك بسرعة من خلال العنوان ، لذلك من المهم تقديم بنية المستند بعنوان . يجب استخدام <h1> كعنوان رئيسي (الأهم) ، يليه <h2> (ثانوي) ، ثم <h3> ، وهكذا.
<!-<h> العلامات هي إعدادات. </h3> <h4> China Four </h4> <h5> China Five </h5> <h6> China 6 </h6>
التأثير كما هو موضح أدناه ، حجم الخط من كبير إلى صغير:
2. تغيير <br/> ، لا تتغير <blar> </blob> والشرائح <p> </p>فيما يتعلق بالفرق بين تغيير الملصقات في HTML <br/> والعلامات المجزأة <p> </p> هي أن تسمية التداول <br/> مجرد إدخال ، <p> </p> هي قطاع. نظرًا لأن التسمية <p> عبارة عن عنصر -lovel ، سيكون لها فارغ كبير نسبيًا قبل وبعد (إضافة أوتوماتيكي <br/>) ، والعلامة عنصر صف. وبعد. هناك تسمية <br/> Label <bolr> </bolr> ، مما يعني أنه لم يتم تغييره وعادة ما يتم استخدامه لمنع المستعرض من تغيير السطر تلقائيًا حيث لا يلزم تغيير رمز البرنامج.
<!-التغيير والشرائح:-> <p> هذا هو الأول <br /> <! /p> <p> هذه هي الفقرة الثانية </p> <!-Dist-Stidal Change-> int i = 0 ، j = 10 ؛3. العلامة الأفقية <hr/>
<hr /> إنشاء خط أفقي على صفحة HTML. إنها طريقة لاستخدام الخط الأفقي (<hr> علامة) لفصل الأقسام في المقالة. يمكن أن تضع علامات <hr/> عرض العرض والارتفاع العالي ، وهاتين السمة لها بكسلات ونسبة مئوية على التوالي. بالإضافة إلى ذلك ، تتضمن علامات <hr/> سمات الحجم (السماكة) واللون (اللون) و noshade (shadowless).
<! /1999/xhtml> <head> <title> </title> </head> <body> <hr size = 5 color =#ff0000/> <! -السمة السمة هي 60px-> <width = 60 ٪ /> <!-العرض 60 ٪-> <hr size = 10 /<!-الحجم هو 10px-> <hr size = 10 ٪ /> <!-الحجم هو 10 ٪-> <!-محاذاة السمات ، مع قيم اليسار واليمين والمركز --- ، على التوالي> <width = 20 ٪ محاذاة = يسار /> > <width width = 20 ٪ align = center/> <hr color =#ff0000/> <!-سمة noshade ، الإعدادات لا يوجد تأثير الظل-> <hr noshade = noshade/> </body> </html>4. علامة تنسيق النص
<!-تسميات تنسيق النص الشائع-> <centre> مدونات Park </center> عرض <b> مرحبًا ، العالم! </b> الجسم السميك ، الموصى به <strong> العلامات. <i> clamp </i> الجسم الصريح. <u> أنا تسمية سطر هبوط </u> مع الخط. <em> التأكيد على أن الجسم المائل </em> <sub> 2 </sp> يتم تسويته ، مثل: H <sub> 2 </sp> o <sp> 2 </sp> 2 </sub> < !-يمكن تقسيم حجم الخط إلى حجم الخط المطلق وحجم الخط النسبي. <!-قيمة الخط المطلق هي قيمة حجم 1-7-> <!-اللون (ضبط اللون) (1-7). -> <!-تُستخدم سمات الوجه لتعيين الخطوط-> <font> </font> ملصق الخط ، <font color = Red size = 7 face = lishu> red </font>5. تسمية ما قبل التكوين <pre>
<pre> التسمية المسبقة ، احتفظ بمحتوى عرض صفحة الويب. يمكن استخدامه لبعض عرض المحتوى الخاص ، أو يمكن أيضًا استخدامه لعرض رمز المصدر لبرمجة الكمبيوتر (مثل الكود المصدري لحديقة المدونة يتم عرضه بواسطة <pre> علامة).
<p> عرض التسمية قبل عرض بعض الآمال الخاصة للعرض الأصلي: < / p> <pre> أنا فتى جيد ، أنا أحب ذلك آه آه ، هذه علامة ما قبل - /6.
<Marquee> </marquee> العلامات لإخبار المتصفح بإظهار النص والصور الخاصة بهم.
<div> <!-تسمية سرادق بعض المتصفحات دعم: أي ، ff-> <!-سمات الاتجاه: اتجاه حركة المحتوى المحدد ، قيمة القيمة اليسرى ، اليمين ، لأعلى ، وأسفل-> <! السمة behavior: حدد سلوك الملصق ، وقيمة القيمة هي التمرير ، والبديل ، والشرائح-> <اتجاه سرادق = scrollay الأيسر = السلوك = بديل> مرحبًا بالجميع ، يرجى الوصول إلى صفحتي الرئيسية! ...... </marquee> </viv>7. تسميات تنسيق أخرى.
<! /1999/xhtml> <head> <title> </title> </head> <body> <!-<abbr> عرض الاختصار!-<comming> إظهار اختصار عبارة:-> <ceronym <!-<!-< blockquote> تحدد مراجع النص الطويل:-> <llockquote> <p> بعد يومين أو ثلاثة أيام ، تكون أفضل توقعات في العالم ، وتتجاوز ستة أو سبعة أنها لا قيمة لها !-<aded> العنوان ، التوقيع ، معلومات المؤلف المستند ، إلخ إلى اليمين ، من اليسار إلى اليمين-> <bdo dirr = rtl> عقد الطاقة </bdo> <br/> <!-rtl: من اليمين إلى اليسار ، من اليمين إلى اليسار> </body> </html>2. قائمة HTML
<! /xhtml> <head> <title> </title> </head> <body> <b> قائمة html: </b> <br/> <hr size = 5 color =#ff0000 ؛/> <br/> <!-قائمة التسلسل (UL: القائمة غير المرتبة)-> حجم الخط =#ff face = kaita> i. الموز </li> <li> Apple </li> <li> Orange </li> </ul>. > -> <ul type = circle> <li> banana </li> <li> Apple </li> <li> Orange </li></ul> <ul type = square> <li> banana </li > <li> Apple </li> <li> Orange </li> </ul> 3. الاستخدام المختلط لقيم السمات ، مع التأكيد على الدور: <br/> <ul type = circle> <li> الموز </li > <li type = disc> Apple </li> <li> Orange </li></ul> <!-ثانية ، قائمة منظمة (OL ، قائمة مرتبة)-> <font size = +1 color =#00ff00 Face = kaita الصينية> II. </ol> 2. استخدم سمات النوع: <la/> <ol type = i> <li> كرة السلة </li> <li> الكرة الطائرة </li> <li> كرة القدم </li> </ol> type = a> <li> كرة السلة </li> <li> الكرة الطائرة </li> <li> كرة القدم </li> </ol> 3. الرقم الأمامي لعنصر القائمة: <br/> <blockquote> أ . كرة القدم </li> </ol> B. </li> <li> كرة القدم </li> </ol> C. /li> <li value = 15> Volleyball </li> <li> كرة القدم </li> </ol> </lockquote> <font size =+1 color =# 00ff00 face = patterns '> iii. </font> <br /> 1. في قائمة التسلسل ، القائمة بدون أمة: <br /> <ul> <li> المشروبات < /li < /li < /li> <li> الفاكهة <ul> < li> banana </li> <li> Apple </li> <li> Orange </li> </li> <li> Vegetable </li> <li> Tea </li> </ul> 2. القائمة التسلسلية في القائمة غير المتقدمة: <br/> <ul> <li> المشروبات </li> <li> الفاكهة <ol> <li> الموز </li> <li> Apple </li> <li> Orange </li> </ol> </li> <li> Vegetable </li> <li> Tea </li> </ul> 3. اطلب في القائمة ، يتم تعيين قائمة التسلسل: <br/> <ol> <li> المشروبات </li> <li> الفاكهة <ol> <li> الموز </li> <li> Apple </li> <li> Orange </li> </ol> </li> <li> الخضار </li> <li> الشاي </li> </ol> 4 .. ol> <li> المشروبات </li> <li> الفاكهة <ul> <li> الموز </li> <li > Apple </li> <li> Orange </li> </ul> </li> <li> Vegetables </li> <li> Tea </li> </ol> 5. القائمة: <la/> <li> مشروب </li> <li> الفاكهة <ul> <li> الموز </li> <li> Apple <ul> <li> يتم إنتاجه في البرازيل </li> <li > يتم إنتاجه في الصين </li> </ul> </li> <li> برتقالي </li </li> </ul> </li> <li> الخضار </li> <li> الشاي < /li> </ol> <!-القائمة الثالثة ، تحديد القائمة (DL ، Definitin)-> <font size =+1 color =#00ff00> IV. : <br /> <!- <dl> <d> عنصر العنوان الأول < /dt> </dt> </dt> </dt> </dt> dd> تفسير العنوان الأول < /dd> <dt> عنصر العنوان الثاني </dt> <dd> التفسير لعنصر العنوان الثاني </dd> </dl> من بينها: <dl> لتحديد بداية القائمة ؛ من قائمة التعريف ؛ -> <dl> <!-DT: مصطلح التعريف (مصطلح التعريف) يحدد عنوان Beijing-> <dt> beijing </dt> <!-DD: التفسير التعريف لعنوان Beijing-> <dd> المركز السياسي في الصين </dd> <dt> شنغهاي </dt> <d> المركز الاقتصادي الصيني </dd> <dt> shenzhen </dt> <dd> مقدمة الإصلاح في الصين وانفتاح </dd> </dl> < /body> </html>
يمكن استخدام العديد من الملصقات لتغيير مظهر النص وربط معناها الخفي للنص. بشكل عام ، يمكن تقسيم هذه العلامات إلى فئتين: النمط القائم على المحتوى والأسلوب الفعلي.
1. النمط القائم على المحتوى
تخبر علامات النمط القائمة على المحتوى المستعرض أن النص الذي يحتوي عليه له معنى محدد أو سياق أو استخدام. ثم سيطبق المتصفح تنسيق المعنى أو السياق أو الاستخدام على النص. لاحظ أن محتوى الملصق القائم على المحتوى يعطي المعنى ، وليس التنسيق. لذلك ، فهي مهمة للغاية للمعالجة التلقائية ؛
نظرًا لأن نمط الخط محدد بواسطة أدلة دلالية ، يمكن للمتصفح اختيار نمط عرض مناسب للمستخدمين. بسبب الأنماط المختلفة للمواقع المختلفة ، يمكن أن يساعدك استخدام الأنماط المستندة إلى المحتوى على ضمان أن وثائقك ذات معنى للقراء في نطاق واسع. هذا مهم بشكل خاص في المتصفح الذي تستخدمه أولئك المكفوفين والمعاقين ، لأن خيارات العرض الخاصة بهم قد تكون مختلفة اختلافًا جذريًا عن نصنا التقليدي ، أو لديهم قيود كبيرة جدًا في بعض الجوانب.
لا تحدد معايير HTML و XHTML الحالية تنسيقًا لكل تسمية قائمة على المحتوى ؛ لا تتطلب المعايير حتى أن يتم عرض هذه الأساليب المستندة إلى المحتوى بطرق مختلفة. في التطبيقات العملية ، قد تجد أن العديد من هذه الملصقات لها علاقة واضحة للغاية مع الطباعة التقليدية.
عند استخدام علامات النمط المستندة إلى HTML/XHTML ، يجب عليك اتباع بعض القواعد ، لأن ببساطة التفكير في كيفية عرض النص ، ومن السهل جدًا معرفة معنى هذه النصوص. بمجرد البدء في استخدام الأنماط المستندة إلى المحتوى ، سيكون المستند أكثر اتساقًا ويمكنه المساعدة بشكل أفضل في تنفيذ البحث التلقائي وتحرير المحتوى. هذه العلامات هي:
<ABBR> <CROMENT> <SITE> <CODE> <DFN> <EM> <KBD> <SAMP> <strong> <var>
2. النمط المادي
عند مناقشة ملصقات النمط المستندة إلى المحتوى ، نستخدم غالبًا كلمة نية. وذلك لأن المعنى الذي تنقله الملصق أكثر أهمية من المستعرض الذي يعرض النص. ومع ذلك ، في بعض الحالات ، قد يتم النظر فيها لأسباب للشرعية أو حقوق الطبع والنشر. في هذه الحالة ، يمكنك استخدام الأنماط الفيزيائية للنص.
على الرغم من أن اتجاه أنظمة معالجة النص الأخرى هو التحكم بدقة في الأنماط والمظهر ، عند استخدام HTML أو XHTML ، يجب تجنب الملصقات المادية ما لم تكن هناك حالات قليلة جدًا. يجب أن نقدم معلومات السياق إلى المتصفح قدر الإمكان وأن نستخدم أنماطًا مستندة إلى المحتوى. على الرغم من أن المتصفح يعرض الآن هذه النصوص بأحرف مائلة أو سميكة ، إلا أن المتصفح المستقبلي وأدوات توليد المستندات المختلفة قد تستخدم هذه الأساليب القائمة على المحتوى بطريقة مبتكرة للغاية.
توفر معايير HTML/XHTML الحالية ما مجموعه 9 أنماط مادية ، بما في ذلك الجريئة ، المائلة ، المحددة ، التي تحتها خط ، وأكبر) ، وتضيق. هذه العلامات هي:
<b> <big> <i> <s> <small>
ما سبق هو التسمية المشتركة التي قدمها لك المحرر. شكرا جزيلا لدعمكم لموقع VEVB Wulin!