الرئيسية / الصفحة الرئسية / شرح العناصر Strikethrough ,Underline ,Deleted Text ,Inserted Text في html

شرح العناصر Strikethrough ,Underline ,Deleted Text ,Inserted Text في html

السلام عليكم ورحمة الله تعالى وبركاته . قبل البدء في الشرح نود ان نرحب بزوارنا الأعزاء ونشكركم جزيل الشكر على الثقة التي تضعونها فينا ومتابعة ماننشره، وفي هذا المقال سنقوم بتغطية 4 وسوم، والتي يمكنك الاستغناء عنها باستخدامك ل css، لكن قبل كل ذلك يجب عليك التعرف عليها لتكون على دراية تامة بال html ، هذه الوسوم هي وسم strikethrough ، و وسم underline، و وسم deleted text ، و وسم inserted text و الآن لننتقل إلى الأهم و هو الشرح.

شرح العنصر strikethrough:

يتم اختصار العنصر strikethrough إلى حرف s ، و يستخدم هذا العنصر في الأشياء التي لم تعد ذات صلة أو الاشياء التي اصبحت غير دقيقة، عندما نقوم بوضع الجمل دخل وسم strikethrough، تصبح تلك الجملة يتوسطها خط.

على سبيل المثال:

شرح العنصر underline:

يتم اختصار العنصر underline الى حرف u ، يستخدم هذا العنصر في النص الذي يحتاج الى تعليق توضيحي غير نصي.

على سبيل المثال:

نلاحظ وجود سطر اسفل كلمة البرمجة عند عرض الصفحة على المتصفح، أصل هذه الكلمة هي البرمجة وليس البرمجة وهي تحتاج الى تعليق توضيحي.

مثال اخر باستخدام الcss ليكون الفهم أكثر دقة:

نلاحظ تغير في شكل الخط أسفل كلمة البرمجه ,كما ان لون الخط اصبح باللون الأحمر، اصبح يشبه بشكل الخط في برامج office ,عندما نقوم بكتابة كلمة غير معروفة في برامج office، يتم عرضها باللون الأحمر.

شرح العنصر deleted text والعنصرinserted text:

يتم اختصار العنصر deleted text الى del,يستخدام هذا العنصر في الغالب في الجمل او الكلمات التي تم حذفها من المستند. كما يتم اختصار العنصر inserted الى ins ,يستخدم هذا العنصر في الجمل او الكلمات الجديدة التي تم اضافتها الى المستند , يمكننا استخدام ins في الاتجاه المعاكس للعنصر del.

على سبيل المثال:

انظر إلى الصور استخدمنا الوسم del في السعر القديم ثم استخدمنا الوسم ins في السعر الجديد.

مثال اخر لنجعل الفهم أكثر توضيحا:

لنتخيل انك تكتب على أحد المنتديات أو المواقع الكبيرة وفي كل مرة تقوم بتحديث الكتابة الخاصة بك دون مسح القديمة، انظر الى الصورة.

ملاحظة:

لا ننصحك باستخدام هذه العناصر عندما تتعلم css، لكن نحن نقوم بشرحها لك لتكون على دراية بال html.

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

عن admin

شاهد أيضاً

طريقة تحميل ubuntu

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