التخطي إلى المحتوى
شرح دورة الـ 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:-

 

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

عن الكاتب

التعليقات

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Shares