الدروس

  • فقرات الـ HTML

    في هذا الدرس سوف نناقش الوسوم الخاصة بالفقرات في صفحات الويب وكيفية إضافتها وهي أيضاً من الأساسيات. فمحتوى صفحة الـ HTML هو عبارة عن فقرات.

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

    فقرات الـ HTML

    يتم تعريف الفقرات عن طريق الوسم <p> كما ذكرنا سابقاً.

    المثال:
    كود HTML:
    <p>This is a paragraph</p>
    <p>This is another paragraph</p>
    جربه بنفسك »

    ملاحظة: المتصفح سيقوم بترك سطر قبل وبعد الفقرة (paragraph).




    لا تنس إغلاق وسوم النهاية

    معظم المتصفحات سيظهر لك الصفحة بشكل صحيح حتى لو نسيت إغلاق وسوم النهاية:

    كود HTML:
    <p>This is a paragraph
    <p>This is another paragraph
    جربه بنفسك »

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

    ملاحظة: تذكّر بأن النسخ المستقبلية من الـ HTML لن تسمح بالتغاضي عن إغلاق الوسوم.




    الأسطر في صفحات الـ HTML ـ (Line Breaks)

    استخدم الوسم <br /> إذا أردت الحصول على سطر جديد دون الحاجة إلى فتح فقرة جديدة:

    كود بلغة HTML:
    <p>This is<br />a para<br />graph with line breaks</p>
    جربه بنفسك »

    الوسم <br /> هو وسم فارغ، أي ليس له أي وسم إغلاق.



    <br> أو <br />

    في الـ XML، XHTML والنسخ القادمة من الـ HTML، جميع عناصر الـ HTML بدون وسم الإغلاق غير مسموح بها.

    حتى وإن كانت الـ <br> تعمل على جميع المتصفحات، فإن استخدام <br /> بدلها هو أكثر دلالة للمستقبل.



    مخرجات الـ HTML - معلومات مفيدة

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

    مع الـ HTML أنت لا يمكن أن تغيّر الكتابة المعروضة بزيادة المسافات spaces والأسطر في كود الـ HTML لديك.

    المتصفّح سيقوم بإزالة المسافات والأسطر الإضافية تلقائياً حين عرض الصفحة. فأي عدد من الأسطر يعتبر سطراً واحداً فقط لا غير .. وأيضاً هو الحال مع المسافات فأي عدد منها يعتبر مسافة واحدة.

    جرب ذلك بنفسك

    (المثال يظهر بوضوح بعض مشاكل تنسيق الصفحة في الـ HTML)




    أمثلة أمثلة من هذه الصفحة

    فقرات الـ HTML
    كيف تظهر فقرات الـ HTML في المتصفّح.

    الأسطر الجديدة
    كيفية استخدام الأسطر في مستند الـ HTML.

    مشكلة القصائد
    بعض المشاكل في تنسيق الـ HTML.

    المزيد من الأمثلة

    فقرات أكثر
    سلوك ظهور الفقرات الطبيعي.




    مرجع وسوم الـ HTML

    (Tag) الوسم الوصف
    <p> يعرّف الفقرة
    <br /> يضيف سطر جديد