شرح دورة الـ HTML للمبتدئين - الدرس الرابع

  

أهلاً وسهلاً بك إلى الدرس الثالث  من دروس HTML. في هذا الدرس سوف نناقش الوسوم الخاصة بالفقرات بشكل خاص وترتيب الصفحات وتنسيقها بشكل عام.
صحيح أن استخدامك للألوان والرسومات في الصفحة يضفي عليها نوعاً من الحيوية، وأن الخطوط تعطي صفحتك رونقاً وجمالاً. لكنك إن لم تهتم بترتيب صفحتك أو تقضي بعض الوقت في تنسيق هيكلها العام وتنظيم فقراتها وقوائمها، فإنه من الصعب عليك الحصول على صفحة ويب ناجحة. فالترتيب هو الخطوة الأولى لجذب اهتمام الزائر أو القارئ لصفحتك وتسهل عليه فهم الخطوط العريضة للصفحة.

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

  لقد قلت إن الوسم <P> هو وسم مفرد لكنه يستخدم أيضاً كوسم مزدوج <P> ... <‎/P> وفي هذه الحالة يمكّننا من تحديد إتجاه الفقرة وإتجاه النص فيها حيث يستخدم معه الخصائص ALIGN,,,

direction" DIR".

فالخاصية ALIGN تحدد محاذاة الفقرة وهي تأخذ القيم Left, Center, Right وأوضحها بالأمثلة التالية:

<P Align="left">minds blogger 1</p>

<P Align="center">minds blogger 2</p>

<P Align="right">minds blogger 3</p>

كذلك لتوسيط الفقرات أو الكائنات بشكل عام في الصفحة نستطيع استخدام الوسوم 

</CENTER>مدونه مايندز مدونه عصريه <CENTER>

ولتنسيق الفقرة ايضا يوجد الوسم

           <BLOCK QUOTE> ..............<‎/BLOCK QUOTE>            
ووظيفتها تمييز الفقرة من خلال إدراج مسافة إضافية على الهامشين الأيمن والأيسر لها كالتالى:-                     <BLOCKQUOTE>
مدونه مايندز|علم ينتفع به
</BLOCKQUOTE>
       

وتكون كالتالى فى كتابتها فى صفحه الـnotepad:-

وبعد حفظ التغيرات والاضافات الجديده نقوم بفتح المتصفح لمشاهدة النتيجه وهى كالتالى:-