الرئيسية / الصفحة الرئسية / شرح العناصر bold,strong,italic,Emphasis element في html

شرح العناصر bold,strong,italic,Emphasis element في html

السلام عليكم ورحمة الله تعالى وبركاته . قبل البدء في الشرح نود ان نرحب بزوارنا الاعزاء ونشكركم جزيل الشكر على الثقة فينا ومتابعة ماننشره ,وفي هذا المقال سنقوم بتغطية 4 وسوم التي يمكنك الاستغناء عنها باستخدمك ل css ,لكن قبل كل ذلك يجب عليك التعرف عليها لتكون على دراية في html ,وهي وسم bold ,ووسم strong ,ووسم italic ,ووسم Emphasis element و الان لننتقل الى الشرح.

قبل البدء في الشرح نحتاج الى تقسيم هذه العناصر الى جزئين:

شرح العنصرين bold وstrong:

يتم اختصار العنصر bold الى b وهو الخط العريض ,وstrong هو الخط القوي ويتم كتابته بنفس الشكل المكتوب عليه العنصر في العنوان او شرح على سبيل المثال ادناه .

نلاحظ ان كلا من الوسمين متشابهين و في نفس السطر ولا يوجد اي اختلاف بين الوسمين ,على عكس الوظائف التي تختلف من عنصر الى اخر ,و الان سنقوم بوضع هذه العناصر بداخل heading ولتكون على سبيل المثال h1.

نلاحظ ان كلا العنصرين اصبحوا في headings اي عناوين ,و هناك ملاحظة اعزائي اريد ان انبه عليها وهيا امر مهم للغاية عندما نستخدم heading لا نحتاج الى هذه العناصر اي b, strong هل تعلم لماذا ,لان heading اصلها بالخط العريض على سبيل المثال .

هل لاحظتم اي اختلاف في شكل الخط ,بالطبع لا لان heading اصلها بالخط العريض.

شرح وظيفة bold وstrong:

يستخدم العنصر bold للفت الانتباه وانظار القارئ الى النص المكتوب فيه او الجملة ,في السابق كان يطلق عليه اسم Boldface على سبيل المثال.

قمنا بوضع بي اتش بي في بالخط العريض من اجل لفت انتباه القارئ ,كما يمكنك استخدام الخط العريض اي bold في اشياء اخرى ,كاسماءالكلمات الرئيسية في الملخص ,او اسماء المنتجات في المراجع

اما عن الخط strong اي الخط القوي ,فيستخدم في المحتوى ذات اهمية او جدية ,

او الحاح شديد على سبيل المثال.

قمنا بوضع html, css بداخل الخط strong وكل هذا من اجل فائدة القارئ لكي يعرف اهمية هاتين اللغتين.

هناك مثال اخر لتوضيح الفكرة اكثرواكثر .الان اذا انتقلنا الى موقع lipsum ثم نظرنا الى اول مقال نجد ان كلمة Lorem Ipsum داخل وسم strong ,لمعرفة ذلك قم بوضع الموس على النص المكتوب بالخط العريض ,ثم اضغط على الزر الايمن للموس ,ثم ابحث على كلمة inspect ,في الغالب هي اخر جملة ,في بعض المتصفحات ما قبل الاخير ,بعد الضغط على inspect تظهرلك الجملة في strong انظر الى الصورة.

شرح العنصرين italic وEmphasis element:

يتم اختصار العنصر italic الى i وهو الخط المائل ,كما يتم اختصار العنصر Emphasis element باخذ الحرف الاول من كل جملة فيصبح بهذا الشكل em وهو عبارة عن عنصر التوكيد على سبيل المثال.

نلاحظ ان الوسمين متشابهين وفي نفس السطر ولا يوجد اي اختلاف بين الوسمين ,لكن وظيفة كل عنصر تختلف عن وظيفة الاخر ,او الان سنقوم بوضع هذه العناصر بداخل heading ولتكون على سبيل المثال h1.

نلاحظ ان العنصرين اصبحوا في headings اي عناوين ,ولا توجد اي مشكلة ,نحن نعلم ان headings ليس بالخط المائل ولذلك يصح كتابة headings داخل العنصرين italic ,وEmphasis element.

شرح وظيفة italic وEmphasis element:

يستخدم العنصر italic اي الخط المائل ,كخط مميز على غير من الخطوط لسبب ما ,مثل الخط الاصطلاحي او المصطلحات الفنية, على سبيل المثال.

نلاحظ ان المصطلح full stack developer في الخط المائل.

اما عن العنصر Emphasis element اي الخطط المشدد ,فهو يشير الى الخط الذي يحتاج الى تركيز كبير ,اي اذا قمنا بوضع نص بداخله ,فنحن نقصد ان هذا النص يحتاج الى درجة اكبر من التركيز ,على سبيل المثال.

نلاحظ ان الكلمات التي تحتاج الى درجة كبيرة من التركيز ,قد قمنا بوضعها في العنصر Emphasis element وهذه هي وظيفة هذا العنصر.

وهنا نصل الى نهاية المقال و نتمى ان يكون سهل الفهم بسيط الشرح وفي الاخير لا تنسونا بالدعاء لنا بالهداية والتوفيق ,وندعوكم للاعجاب بصفحاتنا على الفيس بوك فضلا وليس امرا لتشجيعنا و السلام عليكم ورحمة الله .

عن aymenDz

شاهد أيضاً

طريقة تحميل ubuntu

السلام عليكم ورحمة الله قبل البدء في الشرح نود ان نرحب بزوارنا الاعزاء, ونشكركم جزيل …