تعلم HTML الجزء 6: كيفية جعل المشاركات المائلة والجريئة في HTML
في مستند HTML ، بالطبع هناك كتابةمائلة وجريئة وفقًا لمتطلبات وشروط الكتابة المعمول بها. يحتوي HTML نفسه على العديد من العناصر في تنسيق النص ليتم عرضها في المستعرض بخط غامق ومائل وتحته خط وما إلى ذلك.
في هذه المادة ، سأشرح كيفجعلها مائلة وجريئة في HTML. بشكل عام ، يمكن أن يستخدم تنسيق النص بالخط الغامق (الغامق) العلامات <b> و <strong> بينما يمكن تنسيق الكتابة بخط مائل (مائل) استخدام العلامات <i> و <em>.
على الرغم من أن العلامة <b> والعلامة <strong> كلها متشابهةعرض النوع الغامق في المتصفح ولكن بالطبع تختلف طريقة الاستخدام والغرض منه. هذا هو نفسه استخدام العلامات وعلامات <em>. يتم دعم استخدام العلامات <b> و <strong> و <i> و <em> من قبل العديد من المتصفحات بما في ذلك Google Chrome و Mozilla Firefox و Internet Explorer و Safari وغيرها.
بشكل عام ، هناك عنصران في التنسيقوهي التنسيق المنطقي والتنسيق المادي. يستخدم التنسيق المادي لتنسيق النص في خصائص النص بينما التنسيق المنطقي لتنسيق النص وفقًا لمحتوى أو محتوى النص. العلامة <b> والعلامة <i> هي التنسيق المادي بينما العلامة <strong> والعلامة <em> هي التنسيق المنطقي. لمزيد من التفاصيل حول العلامات الأربع أعلاه ، راجع الشرح أدناه:
أ. العلامة <b> والعلامة <strong>
في السابق ، لم يوصى أبدًا بعلامة <b>تستخدم مرة أخرى لأنه تم استبدالها بـ CSS التي تعمل على التعامل مع الشاشة. ولكن منذ ظهور HTML5 ، تم اعتبار العلامة <b> "إزاحة أسلوبًا" وهي علامة على كلمة رئيسية أو نص آخر يعتبر ضروريًا للتمييز عن النصوص الأخرى. بينما يتم استخدام HTML5 القوي للإشارة إلى أن النص مهم ويصبح كلمات رئيسية في محركات البحث (محركات البحث). ومع ذلك ، في HTML 4.01 ، يتم استخدام العلامة <strong> لتحديد تركيز قوي على النص (التأكيد).
فيما يلي مثال لرمز استخدام العلامة <b> والعلامة <strong>:
<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Format Tulisan Cetak Tebal<title>
</head>
<body>
<b>Kekinian</b> adalah sebuah website yang terdiri atas berbagai <strong>artikel seputar
IT</strong>.
</body>
</html>
النتائج بعد عرضها في المستعرض:
هنا أجعل الحاضر مع العلامة <b>لأنها تعتبر كلمة أساسية وكلمة يجب تمييزها عن غيرها. بينما يتم إنشاء "مجموعة من المقالات الشيقة" باستخدام العلامة <strong> لأنها تعتبر نصًا مهمًا وتستخدم ككلمات رئيسية / كلمات رئيسية في محركات البحث.
في CSS ، تعرض معظم المتصفحات عناصر <b> و <strong> مع قيم ثابتة ، أي
وزن الخط: غامق.
B. العلامة <i> و <em> العلامة
على غرار العلامة <b> وعلامة <strong> ،منذ ظهور HTML5 ، تم التعرف على العلامات مرة أخرى ولكن كإشارة إلى أن النص يختلف عن الآخرين مثل كتابة عناوين الكتب والناشرين وتعديل الكلمات وما إلى ذلك.
في حين أن العلامة <em> تحمل معنى التأكيد على الإجهادأي أنه مذكور كنص يحتاج إلى تركيز أو اهتمام خاص. استخدام العلامة <em> مهم جدًا ككلمة رئيسية في محرك البحث.
فيما يلي مثال لرمز استخدام العلامات <i> و <em> العلامات:
<!DOCTYPE html>
<html>
<head>
<title>Bentuk Teks Cetak Miring di HTML</title>
</head>
<body>
<i>Indonesia Bersatu</i> adalah judul buku yang mengajarkan kepada kita arti
<em>nasionalisme</em>
</body>
</html>النتائج بعد عرضها في المستعرض:
من الصورة أعلاه يبدو أن "إندونيسياالمتحدة "مائلة باستخدام العلامة <i> لأنها عنوان كتاب. في هذه الأثناء ، تُصبح كلمة "القومية" مائلة باستخدام العلامة <em> لأنها كلمة تحتاج إلى التأكيد وتعتبر مهمة.
في CSS ، تعرض معظم المتصفحات العناصر <i> و <em> بقيم ثابتة ، أي نمط الخط: مائل. إذا كنت قد فهمت بالفعل وظيفة العلامات الأربع ، فيرجى الرجوع إلى البرنامج التعليمي HTML التالي حول كيفية جعل النص تحته خط وشطبه في HTML.
