درس كيفية عمل خط افتراضى واضافة وصف على النص فى لغة HTML – الدرس الثامن

| 10 مايو 2010

السلام عليكم ورحمة الله وبركاته
فى الدرس السابق تعرفنا على معظم الاوسمة المستخدمة فى تنسيق النصوص فى لغة HTML وفى هذا الدرس ان شاء الله سوف نتعرف على كيفية تحديد نوع ولون وحجم الخط الافتراضى للصفحة

كيفية تحديد نوع ولون وحجم الخط الافتراضى للصفحة

يمكننا تحديد مواصفات الخط الافتراضى للصفحة عن طريق الوسم basefont
مثال

1
2
3
4
5
6

<head>
<basefont face="arial" color="red" size="5" />
</head>
<body>
بسم الله
</body>

وتكون النتيجة بهذا الشكل

بسم الله

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

كيفية اضافة وصف الى النص فى لغة HTML

احيانا يكون هناك بعض الاختصارات للجمل او لاسم يكون كبير مثال www هى اختصار لـ World Wide Web الكثير من الناس لا يعرف ماذا تعنى www فسنقوم نحن بانشاء كود يقوم باظهار الجملة كاملة عند الوقوف على اختصارها وهو www باستخدام الوسم abbr
مثال على ذلك

1

<abbr title="World Wide Web">www</abbr> جعلت الوصول الى المعلومات امر سهل.

وستكون النتيجة بهذا الشكل

www جعلت الوصول الى المعلومات امر سهل.

ويوجد ايضا الوسم acronym يقوم بنفس الوظيفة
مثال

1

لغة<acronym title="Hyper Text Markup Language">HTML</acronym>? سهله جدا فى تعلمها

النتيجة

لغةHTML سهله جدا فى تعلمها

فى المثالين يتم اضافة وصف النص بين علامتين الاقتباس “” كما هو واضح فى المثال

ملحوظة

هذا الكود لا يعمل على انترنت اكسبلورر 6 يعمل على الاصدارات الاحدث منه ويعمل على المتصفحات الاخرى

كيفية عمل خط فاصل فى لغة HTML

يمكنك الفصل بين الكلام والاخر بخط فاصل باستخدام وسم hr

مثال

1
2
3

يمكننا كتابة هنا ما نشاء 
<hr>
وهنا ايضا يمكننا كتابة ما نشاء تحت الخط الفاصل

وتكون النتيجة بهذا الشكل

يمكننا كتابة هنا ما نشاء

وهنا ايضا يمكننا كتابة ما نشاء تحت الخط الفاصل

كيفية تحديد اتجاه كتابة النص

يعنى مثلا لو احنا كتبنا كلمة احمد تكتب من اليسال الى اليمين ولكن اذا اردنا ان نكتبها وتظهر من اليمين الى اليسار ستكون دمحا يمكن عمل هذا فى لغة HTML باستخدام وسم bdo

مثال

1
2

<bdo dir="rtl">مدونة اليكس</bdo>
<bdo dir="ltr">مدونة اليكس</bdo>

dir هى اختصار لـ direction اى الاتجاه
و rtl هى اختصار لـ right to left اى من اليمين الى اليسار
و ltr هى اختصار لـ left to right اى من اليسار الى اليمين

ستكون النتيجة بهذا الشكل
كتابة النص من اليمين الى اليسار
مدونة اليكس
كتابة النص من اليسار الى اليمين
مدونة اليكس

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

كلمات البحث الواردة:




مدونات عشوائيه

تحميل...

الاوسمة: , , , , ,

التصنيف: دروس html



للاتصال ابوريه: View author profile.



اضافة رد




إذا كنت تريد صوا لتظهر مع تعليقك، الذهاب الحصول على Gravatar.