دورة Html الدرس 12 - تنسيقات

سيكون درسنا اليوم خفيفاً وسهلاً و نتحدث فيه عن بعض التنسيقات الممكنة في html
وهذا الدرس صراحة أقل الدروس أهمية
الوسم b 
يستخدم للكتابة بخط عريض bold
مثال :

كود HTML:

<b>محترفي الكمبيوتر </b>

حيث له قسمين فتح وإغلاق ويوضع بينهما الكلام الذي نريده أن يظهر بشكل عريض أو غامق
الوسم i
للكتابة بخط مائل italic
مثال :
<i>محترفي الكمبيوتر</i>
الوسم sup
لكتابة نص مرتفع
مثلاً الأس في الرياضيات 
طريقة كتابة الرقم 2 تكون باستخدام هذا الوسم وتكتب العبارة كاملة كالتالي:

كود HTML:

x <sup>2</sup>

الوسم sub
بعكس السابق حيث يستخدم لكتابة نص منخفص
مثلاً  يكتب الكود كما يلي لإظهارها
H ₂O<br />

هناك تنسيقات أخرى أقل استخداماً سأسردها لكم معاً في الكود التالي
يمكنكم تجربتها بأنفسكم
الوسوم :
big
em
small
tt
الكود لكل ما سبق

كود HTML:

<b>عريض</b><br />
<strong>قوي</strong><br />
<big>كبير</big><br />
<em>مشدد</em><br />
<i>مائل</i><br />
<small>صغير</small><br />
<tt>آلة كاتبة</tt><br />
H <sub>2</sub>O<br />
x <sup>2</sup><br/>

الكود مع النتيجة :



الوسم del
لوضع خط على النص
مثال :

كود HTML:

<del>نص عليه خط </del>

النتيجة:


الوسم ins
لوضع خط تحت النص
يشبه تماماً في النتيجة الوسم u
مثال:

كود HTML:

<ins>محترفي الكمبيوتر</ins>
<u>محترفي الكمبيوتر</u>

هناك وسوم أخرى تستخدم لأماكن معينة في نص مكتوب وأهميتها قليلة وهي :
وسم dfn :تستخدم لكتابة تعريف مصطلح
code :لكتابة كود ضمن نص
samp : نص كمبيوتر
kbd : نص لوحة مفاتيح
var : متغير
cite : اقتباس
وهذا مثال شامل لهذه المجموعة

كود HTML:

<dfn>تعريف مصطلح</dfn><br/>
<code>Computer code text كود برمجي</code><br/>
<samp>Sample نص كمبيوتر</samp><br/>
<kbd>Keyboard text نص لوحة مفاتيح</kbd><br/>
<var>Variable متغير</var><br/>
<cite>Citation اقتباس</cite><br/>

نتيجة التنفيذ:


بصراحة بيني وبينكم هذه المجموعة بالذات أكواد بلا طعمة بس من شان تكون الدورة شاملة كما وعدت 

الوسم pre
يستخدم لكتابة نص مسبق التنسيق preformatted text
مثال :

كود HTML:

<pre>
بسم الله الرحمن الرحيم
الحمد لله رب العالمين
</pre>

عند التنفيذ سنجد

وفائدة هذا الوسم أن مايكتب داخل Pre سيظهر كما هو مع الفراغات و الأسطر التي توضع

الوسم bdo
لكتابة نص تبدأ أحرفه من الجهة اليمين أو اليسار
مثلاً يمكن كتابة نص بأحرف معكوسة باستخدامها كما يلي:

كود HTML:

<bdo dir="rtl">shabsug</bdo>

ستظهر :
shabsug

الوسم q
لوضع نص بين علامات اقتباس

كود HTML:

<q>نص بين علامات اقتباس</q>

النتيجة:
نص بين علامات اقتباس

الوسم blockquote
لتعريف اقتباس طويل 
مثال :

كود HTML:

نص عادي
<blockquote>
اقتباس طويل
<br/>
اقتباس طويل
</blockquote>
نص عادي

حيث نلاحظ انزياح النص داخل الاقتباس عن النص العادي

مجموعة وسوم أخرى نادرة الاستخدام:
abbr لتعريف اختصار
acronym لتعريف اختصار
address لتعريف عنوان
ولا نجد أي تأثير على النص
فقط للتوضيح بأن هذا اختصار أو عنوان ..