الدرس الثاني :الفقرات (Paragraphs) في html .







الفقرات (Paragraphs) في html .

تطرقنا في المقال السابق الى أساسيات لابد من معرفة قبل الخوض  في لغة الـ html  و نحن اليوم مع الدرس الثاني من دروس دورة الت html  و هو درس الفقرات ...نترككم الان  مع الشرح...

الفقرات (Paragraphs) في html .

الوسوم التي نحتاجها هي   </p>….<p>  لإضافة فقرة و هو اختصار لكلمة  Paragraph.
نستعمل معه الخاصيتين attributes :الخاصيةalign  و الخاصية DIR.

فالخاصية ALIGN لعمل محاذاة للنص أو الفقرة و تأخذ القيم  التالية :right  و left  و  center أي يمين , يسار , و توسيط.

 الخاصية DIR : تحدد اتجاه  قراءة النص أو الفقرة. وهي اختصار لكلمة Direction
 و تأخذ القيم التالية RTL (Right To Left ) (من اليمين إلى اليسار) وLTR  (Left To Right) (من اليسار إلى اليمين).
نأتي  الآن للأمثلة :

لنكتب الفقرة  التالية:

الإسلام ديننا و العربية لغتنا و رسول الله قدوتنا .
 لنكتب الكود التالي :
تعلم html بالعربي


و يكون الناتج كالتالي :


وسم الفقرات Paragraphs


في هذا المثال طبقنا الخاصية ALGIN.

و لنطبق معا المثال الثاني بالخاصية dir :

لنكتب الكود التالي :


وسم الفقرات Paragraphs

و يكون الناتج كالتالي :


وسم الفقرة


ملاحظات سريعة :

1-      الوسم <p> وسم مفرد و يمكن أن يكون مزدوج .
2-      الخاصية RTL مهم جدا لعمل المواقع باللغة العربية .
3-      الوسم <p> يرك سطرا  بعده  يعني ما يكون بعده يأتي في سطر جديد. هل تنبهت لذلك ؟
4-      الخواص (Attributes) تكتب بين علامتي تنصيص  مسبوقة  بعلامة يساوي بالشكل التالي :
<Tag Attribute="Value"> مثلا : <p dir="RTL">

5-      لتوسيط الفقرات استعملنا الخاصية center  كذلك نستطيع توسيط كل الكائنات في مسنتد html بوضعها بين الوسوم <Center>  ………  </Center>  .
6-      لجعل كل مستند html  أو الصفحة ككل تقرأ من اليمن إلى اليسار فقط يجب عليك وضع الخاصية  dir مع جسم الصفحة body   مثلا  :<"RTL"=<body DIR. لاحظ لم أقل من اليسار إلى اليمين لأنها هي القيمة الافتراضية للخاصية dir انتبه لهذا جيدا.




مشاهدة الفيديو اضغط هنا


في الأخير... فضلا و ليس أمرا إذا أعجبك المقال. فشاركه مع غيرك.



روزوا صفحتنا على الفيسبوك : MADI TECH ONE





تعليقات

المشاركات الشائعة