U3F1ZWV6ZTI0MTg0MTAyMTEyNTc3X0ZyZWUxNTI1NzQyMjgzMjY1NQ==

تعلم الـHTML | كورس تعلم HTML

 

 كورس تعلم HTML

الدرس الاول

الفقرات


مفهوم الفقرات

الفقرات او ما تعرف بـ (paragraph) هي مساحة يتم تخصيصها لعرض النص الذي نضعه فيها .



انواع الفقرات

يوجد نوعين من الفقرات 
  • فقرات لعرض النص بشكل مناسب.
  • فقرات لعرض النص كما كتب او كما هو.
الفرق بين النوعبن هو ان في النوع الاول المخصص لعرض الفقرة بشكل مناسب يكون النص فيها مناسب لحجم الشاشة مع حذف السطور و المسافات الفارغة التي لا داعي لها.
اما النوع الثاني يعرض الفقرة كما هي بنفعس عدد المسافات و السطور بدون تعديل.

لعرض نص عادي نقوم بوضع الفقرة بين .

<p> </p>

ملحوظة p هي اختصار لكلمة paragraph والتي تعني فقرة

عند كتابة الفقرة داخل هذا الوسم يقوم المتصفح تلقائياً بإزالة اي مسافات فارغة او اسطر يجد انه لا داعي لها 

  • إذا وجد أكثر من مسافة بين الكلمات يبقي مسافة واحدة فقط.
  • إذا وجد أسطر فارغة, سيقوم بإزلتها عند عرض المحتوى في الصفحة.
  • إذا وجد النص موضوع على أكثر من سطر عمداً, سيقوم بعرض كل المحتوى على نفس السطر و ينزل على السطر عند الحاجة فقط.

للنزول على سطر جديد داخل وسم  .

<p> </p>

نضع الوسم  
<br>
 اختصار كلمة Break

مثال:


< p >Here we break the paragraph.< br >This will apear on a new line.< /p >

سوف تظهر الفقرة بهذا الشكل.

Here we break the paragraph.
This will apear on a new line

لوضع اكثر من مسافة نستخدم  &nbsp;  في كل مرة تضع هذا الرمز يحسب المتصفح مسافة واحدة.
يجب وضع هذا الرمز داخل الوسم

الفقرات المخصصة لعرض الفقرة كما هي

مثال:

< pre >
Name: Mohamed sobhy
Job:  Programmer
Age:  23
</ pre >

 سوف تظهر الفقرة بهذا الشكل

Name: Mohamed sobhy
Job:  Programmer
Age:  23


طريقة عمل خط افقي

لعمل خط افقي في الصفحة نستخدم وسم   
<hr>

مثال: 

< p >In Harmash.com you can learn every thing you need for free.< /p >
< hr >
< p >You can learn Algorithms, Java, C++, Python, SQL etc..< /p >



تعديل المشاركة
تعليقات
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة