- Site
- 12:29 ص
- دروس في لغة html
- لاتوجد تعليقات
السلام عليكم ورحمة الله تعالى وبركاته بداية ارحب بكل زوار المدونة واتمنى لهم التقدم والنجاح ,في هذا الدرس سوف نتعرف على بعض الوسوم الخاصة بتنسيق العبارات والجمل وسوف نبدا باول وسم وهو:
<font>
هذا الوسم خاص بتنسيق الخط المستخدم للكتابة يمكنك بهذا الوسم ان تغير نوع الخط المستخدم ,اللون ,الحجم كما يوضح الجدول التالي:
| الوصف | المتغير |
| هذا المتغير يحتوي على المعلومات الخاصة بالون المستخدم في الكتابة | color |
| هذا المتغير يحتوي على المعلومات الخاصة باسم الخط المستخدم في الكتابة | face |
| هذا المتغير يحتوي على المعلومات الخاصة بحجم الخط المستخدم في الكتابة | size |
وهذا مثال يوضح كيفية التعامل مع هذا الوسم
لمشاهدة الصورة بشكل واضح المرجوا الضغط عليها
احفظ الملف الان ثم قم بفتح الصفحة في متصفحك .ستحصل على صفحة شبيهة بالصفحة التالية:
الوسم الثاني هو <p>
هذا الوسم يقوم بتنسيق الفقرات بحسب المتغيرات التي ترسلها معه لناخد مثالا توضيحيا على ذلك:
المثال2
سيكون الناتج كما يلي
الصورة 2
سوف ننتقل الى وسم اخر وهو <h1> هذا الوسم يقوم بتنسيق الجملة على شكل راس الفقرة وفيه 6 مستويات الوسم الاول يشير الى اعلى مستوى من الرؤوس كما يشير الوسم الاخير الى اقل مستوى من الرؤوس لاحظ معي المثال التالي:
سيكون الناتج كما يلي
<br> هذا الوسم يقوم بطباعة سطر فارغ
<hr> هذا الوسم يقوم بوضع خط فاصل يسمى بالمسطرة الافقية وهذا الوسم لايتطلب وسما اخر لاغلاقه
<b> يقوم الوسم بتنسيق النص على هيئة نص عريض
<i> يقوم الوسم بتنسيق النص على هيئة نص مائل
<s> يقوم الوسم بتنسيق النص على هيئة نص مشطوب
<u> يقوم الوسم بتنسيق النص على هيئة نص مسطر
وهذا مثال توضيحي لاوسمة السابقة:
وهذه هي النتيجة
<pre> يقوم هذا الوسم بتنسيق النص بحسب الطريقة التي كتب بها نصك تماما وباستخدام خط "monospace" لاحظ المثال التالي:
<ul> يستخدم هذا الوسم لكتابة قائمة منسقة لاحظ المثال التالي:
وهذا هو الناتج
يمكنك اضافة مستوى فرعي كما توضح الصورة التالية:
<ol> هذا الوسم شبيه بالوسم السابق الفارق الوحيد هو ان هذه القائمة هى قائمة مرتبة رقميا عكس القائمة السابقة لناخد مثالا على ذلك:
شكرا على حسن متابعتكم نتمنى ان يلقى الدرس اعجابكم نحن في انتظار ردودكم وتعليقاتكم
عن الكاتب :
وصف مختصر عن الكاتب
المشاركات
ليست هناك تعليقات:
إرسال تعليق