كتابة الفقرات وشرح عنصر p و pre

أهلا بكم فى كود ويب
اليوم سوف اتطرق إلى شرح درس جديد من دروس html
سوف أقوم بشرح خاصية <p> و خاصية <pre> ومعرفة مميزات كل واحدة منهما مع أن الاثنين لها نفس الغرض لكتابة الفقرات إلا أن إحداها تتميز عن الأخرى

اضغط على خيار Result لمشاهدة النتيجة

شرح خاصية p

خاصية p تستخدم لكتابة الفقرات ويكتب الكود الخاص بها على هذا الشكل
    <p>***</p>
نقوم باستبدال رموز *** بالنص أو المحتوى الذى نريده أن يظهر فى الفقرة

شرح خاصية p

خاصية p تستخدم لكتابة الفقرات ويكتب الكود الخاص بها على هذا الشكل
ولكى نقوم بجعل الكلام يبدء من سطر جديد فنقوم باستخدام عنصر </br> وأى كلمة تأتي مباشرة بعد هذا العنصر وعند ظهور النتيجة ستجد أنها قد بدئت من سطر جديد لمعرفة المزيد عن عنصر </br> يمكنك مراجعة الدرس من هنا

شرح خاصية p

في المثال التالى قمنا باستخدام عنصر p لكتابة الفقرة ثم عنصر br لجعل باقى الفقرة تظهر فى سطر جديد

شرح خاصية per

خاصية pre تستخدم لكتابة الفقرات ويكتب الكود الخاص بها على هذا الشكل نلاحظ هنا بعد أن قمنا بكتابة الفقرة الخاصة بنا قمنا بالضغط على زر انتر لكي يقوم ببدء سطر جديد وعند ظهور النتيجة تجد أن ما تم كتابته ظهر كما هو وهذه هي الميزة فى عنصر pre أى لا تحتاج إضافة عنصر br عند الانتقال لسطر جديد فيكفى فقط الضغط على زر انتر , ويستحسن استخدام هذا العنصر لكتابة الأكواد أيضا