الفصل الرابع:التنسيق الاساسي

الفصل الرابع:التنسيق الاساسي

(نهاية سطر | إضافة سطر | الفراغات | الخواص | تنسيق النص)

قمنا في الدرس السابق بعمل صفحه بسيطه جدا بدون أي تنسيق المفترض انك قادر علي إنشاء
مثلها الاّن إذا فلنجرب ذلك...قم بعمل الصفحه التاليه لكي تتذكر ماسبق:

نهاية سطر وبداية سطر جديد

سوف نستخدم الوسم<BR>لتحديد نهاية السطر والبدء بسطر جديد ولاحظ ان هذا الوسم مفرد أي ليس له وسم إغلاق أي لا نكتب بعد الفقره </BR>لأن هذا الوسم يطبق فقط علي السطر الذي وضع فيه

الاّن اكتب هذا الكود

الان ستري النتيجه

أضافة سطر

 ولكن إذا تريد البدء بسطر جديد أي بدء فقره جديده سيترك المتصفح مسافه تساوي سطر فارغ بأستخدام هذا الوسم<p>

الاّن اكتب هذا الكود

الان أعتقد انك تعرف الفرق بين الوسمين..

الفراغات

عندما نترك فراغ بين الكلمات فإننا لابد من كتابة هذا الوسم&nbsp;

وهو اختصار للعبارهNon Breakable Space

الان لنجرب هذا الوسم فقط قم بكتابة هذا الكود

الاّن سننتقل الي الخواص

في هذا الجزء سنتعرف علي جزء متقدم قليلا وهو كيف نجعل النص في منتصف الصفحه سنستخدم هذه الخاصيه<center> ولجعل هذه الخاصيه تقوم بدورها بأحسن أداء سنستخدمه مع وسم اّخر وهو الوسمAlign بالأضافه الي الوسم<p> ولكن انتبه هذا الوسم يحتاج الي إغلاق</p>

أعرف انك احترت الاّن وبدأ عقلك بالدوار لكن نفذ الكود التالي لتفهم ما أعنيه

الاّن قد فهمت ما أعنيه إذا مبروك عليك ما فعلته حتي الان...

تنسيق النص

سنتحدث عن جعل الخط عريض او مائل او تحته خط او الثلاثه معا

نفذ هذا الكود وستعرف ما اعنيه

لاحظ اننا استخدمنا الوسم<b>لجعل الخط عريض

والوسم<i>لجعل الخط مائل

والوسم<u>لجعل الفقره تحتها خط

ايضا استخدمنا الوسم<p>لتحديد نهاية الفقره لاحظ انه لابد من اغلاق الثلاث وسوم أيضا  هناك قاعده هامه وهي مافتح اولا يغلق اخيرا وما فتح اخيرا يغلق اولا ولعلك لاحظت ذلك في السطر الحادي عشر عند استخدام الثلاث وسوم..