دورة Html الدرس 12 - تنسيقات
سيكون درسنا اليوم خفيفاً وسهلاً و نتحدث فيه عن بعض التنسيقات الممكنة في html
وهذا الدرس صراحة أقل الدروس أهمية
الوسم b
يستخدم للكتابة بخط عريض bold
مثال :
طه سوفت حيث له قسمين فتح وإغلاق ويوضع بينهما الكلام الذي نريده أن يظهر بشكل عريض أو غامق
الوسم i
للكتابة بخط مائل italic
مثال :
طه سوفت للبرامج
طبعاً كالعادة يتم تجريب الأكواد على الرابط التالي:
http://www.tahasoft.com/code.htm
الوسم sup
لكتابة نص مرتفع
مثلاً الأس في الرياضيات
طريقة كتابة الرقم 2 تكون باستخدام هذا الوسم وتكتب العبارة كاملة كالتالي:
x 2الوسم sub
بعكس السابق حيث يستخدم لكتابة نص منخفص
مثلاً
يكتب الكود كما يلي لإظهارهاH 2O
هناك تنسيقات أخرى أقل استخداماً سأسردها لكم معاً في الكود التالي
يمكنكم تجربتها بأنفسكم
الوسوم :
big
em
small
tt
الكود لكل ما سبق
عريض
قوي
كبير
مشدد
مائل
صغير
آلة كاتبة
H 2O
x 2
الكود مع النتيجة :
الوسم del
لوضع خط على النص
مثال :
نص عليه خط النتيجة:
الوسم ins
لوضع خط تحت النص
يشبه تماماً في النتيجة الوسم u
مثال:
tahasoft
tahasoftهناك وسوم أخرى تستخدم لأماكن معينة في نص مكتوب وأهميتها قليلة وهي :
وسم dfn :تستخدم لكتابة تعريف مصطلح
code :لكتابة كود ضمن نص
samp : نص كمبيوتر
kbd : نص لوحة مفاتيح
var : متغير
cite : اقتباس
وهذا مثال شامل لهذه المجموعة
تعريف مصطلح
Computer code text كود برمجي
Sample نص كمبيوتر
Keyboard text نص لوحة مفاتيح
Variable متغير
Citation اقتباس
نتيجة التنفيذ:
بصراحة بيني وبينكم هذه المجموعة بالذات أكواد بلا طعمة بس من شان تكون الدورة شاملة كما وعدت
الوسم pre
يستخدم لكتابة نص مسبق التنسيق preformatted text
مثال :
بسم الله الرحمن الرحيم
الحمد لله رب العالمين
عند التنفيذ سنجد
وفائدة هذا الوسم أن مايكتب داخل Pre سيظهر كما هو مع الفراغات و الأسطر التي توضع
الوسم bdo
لكتابة نص تبدأ أحرفه من الجهة اليمين أو اليسار
مثلاً يمكن كتابة نص بأحرف معكوسة باستخدامها كما يلي:
tahasoftستظهر :
tahasoft
الوسم q
لوضع نص بين علامات اقتباس
نص بين علامات اقتباس
النتيجة:
نص بين علامات اقتباس
الوسم blockquote
لتعريف اقتباس طويل
مثال :
نص عادي
اقتباس طويل
اقتباس طويل
نص عاديحيث نلاحظ انزياح النص داخل الاقتباس عن النص العادي
مجموعة وسوم أخرى نادرة الاستخدام:
abbr لتعريف اختصار
acronym لتعريف اختصار
address لتعريف عنوان
ولا نجد أي تأثير على النص
فقط للتوضيح بأن هذا اختصار أو عنوان ..
جزاك الله خيراً