شرح عناصر تنسيق النصوص

تنسيق النصوص في لغة HTML يشمل العديد من العناصر التي تسمح للمصممين بتخصيص مظهر النصوص، مثل الحجم والخط واللون والهوامش والتباعد وغيرها. هناك عدة عناصر يمكن استخدامها لتنسيق النصوص، ومنها:

<font>: هذا العنصر يستخدم لتحديد خصائص النص مثل الحجم واللون والخط. يمكن استخدام الخاصية "size" لتحديد حجم النص والخاصية color لتحديد لون النص والخاصية face لتحديد الخط المستخدم. مثال:

HTML

<face size="5" color="red" face="Arial"></face>

<h1>...<h6>: هذه العناصر تستخدم لتحديد حجم وعنوان العناصر. يتم استخدام <h1> لعنوان الصفحة الرئيسي و <h2> للعناوين الفرعية وهكذا. مثال:

HTML

<h1>عنوان رئيسي</h1>
<h2>عنوان فرعي</h2>
...

<p>: هذا العنصر يستخدم لإدخال فقرة من النص. يمكن استخدام الخاصية align لتحديد موضع النص داخل الفقرة. مثال:

HTML

<p align="center">فقرة نصية</p>

<strong>و<em>: هذه العناصر تستخدم لتحديد نص مهم أو مائل. يتم استخدام <strong> لتحديد نص مهم و <em> لتحديد نص مائل. مثال: مثال:

HTML

<p>هذا <strong>نص مهم</strong> وهذا <em>نص مائل</em></p>

<u> و <strike>: هذه العناصر تستخدم لإضافة خط سفلي أو خط متوسط على النص. يتم استخدام <u> لإضافة خط سفلي و <strike> لإضافة خط متوسط. مثال:

HTML

<p>هذا <u>نص بخط سفلي</u> وهذا <strike>نص بخط متوسط</strike></p>

<pre>: هذا العنصر يستخدم لتحديد نص مهيأ مسبقًا، حيث يتم عرض النص بالمحافظة على تنسيقه الأصلي، بدون تنسيق تلقائي للفقرات أو المسافات. مثال:

HTML

<pre>
    hello how are
    you today.
</pre>

<blockquote>: هذا العنصر يستخدم لتحديد نص مقتبس من مصدر آخر. يتم عرض النص بمسافة بادئة إضافية، وغالبًا ما يتم استخدام هذا العنصر لإدراج اقتباسات. مثال:

HTML

<blockquote>
    <p>هذا هو نص مقتبس</p>
    <cite>اسم المصدر</cite>
</blockquote>

<sup> و <sub>: هذه العناصر تستخدم لتحديد نص فوقي أو تحتي للنص. يتم استخدام <sup> لنص فوقي و <sub> لنص تحتي. مثال:

HTML

<p>هذا <sup>نص فوقي</sup> وهذا <sub>نص تحتي</sub></p>

mark: يستخدم عنصر mark في لغة HTML لتحديد جزء من النص بأنه مهم أو يستحق الانتباه، وعادة ما يتم تمييز الجزء المحدد بلون الخلفية الأصفر. يمكن استخدام هذا العنصر لتحديد النصوص المهمة في الصفحة أو المفاهيم الأساسية التي يجب على القارئ الانتباه إليها.
مثال:

HTML

<p>السعر هو <mark>10 دولارات</mark></p>

del: يستخدم عنصر del في لغة HTML لتحديد جزء من النص كمحذوف، وعادة ما يتم عرض النص المحذوف بخط ستريك على النص المحيط به. يمكن استخدام هذا العنصر لإظهار التغييرات في النصوص، مثل النصوص التي تم حذفها من النص الأصلي.
مثال:

HTML

<p>تمت إزالة الجملة التالية: <del>هذه الجملة تم حذفها</del></p>

هذه هي بعض العناصر الأخرى التي يمكن استخدامها في لغة HTML لتنسيق النصوص. يمكن استخدام CSS لتطبيق تنسيقات أكثر تفصيلاً على النصوص، مثل تحديد الهوامش والتباعد والخط والألوان وغيرها.

وهكذا إنتهينا من درسنا أو مقالتنا المتواضعة أتمنى أنك فهمت و وفقك الله أتمنى دعمنا بمشاركة الدرس لكي تعم الفائدة.