وتنقسم الوثائق HTML إلى فقرات.
HTML الفقرات
وHTML <p> يحدد عنصر فقرة.
المتصفحات تلقائيا إضافة بعض المساحة البيضاء قبل وبعد فقرة.
العرض HTML
لا يمكنك أن تكون متأكدا كيف سيتم عرض HTML.
سوف شاشات كبيرة أو صغيرة، والنوافذ حجمها خلق نتائج مختلفة.
مع HTML، لا يمكنك تغيير الانتاج عن طريق إضافة مسافات إضافية أو خطوط إضافية في التعليمات البرمجية HTML الخاص بك.
سيقوم المتصفح إزالة المسافات الزائدة وخطوط اضافية عند عرض الصفحة.
أي عدد من الأماكن، وأي عدد من الخطوط الجديدة، يعد بمثابة واحد فقط مساحة.
مثال
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
انها محاولة لنفسك » لا ننسى علامة النهاية
سيتم عرض معظم متصفحات HTML بشكل صحيح حتى لو كنت قد نسيت العلامة الغاية:
في المثال أعلاه سوف تعمل في معظم المتصفحات، ولكن لا تعتمد على ذلك.
يمكن نسيان علامة النهاية تعطي نتائج غير متوقعة أو أخطاء.
إصدارات أكثر صرامة من HTML، مثل XHTML، لا تسمح لك لتخطي وسم النهاية.
خط فواصل HTML
وHTML <br> يحدد عنصر فاصل أسطر.
استخدام <br> إذا كنت ترغب في كسر خط (a new line) دون بدء فقرة جديدة:
و <br> العنصر هو عنصر HTML فارغة. انه ليس لديها علامة النهاية.
المشكلة قصيدة
وهذه القصيدة عرض كخط واحد:
مثال
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
انها محاولة لنفسك » وHTML <pre> العنصر
وHTML <pre> عنصر يحدد النص مسبقا.
النص داخل <pre> يتم عرض عنصر في خط ذو عرض ثابت (عادة ساعي)، ويحافظ على كل المساحات وفواصل الأسطر:
مثال
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
انها محاولة لنفسك » اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 » التمرين 4»
HTML العلامات المرجعية
w3ii "العلامة المرجع يحتوي على معلومات إضافية حول عناصر HTML وصفاتهم.
بطاقة | وصف |
---|---|
<p> | تعرف الفقرة |
<br> | إدراج فاصل سطر واحد |
<pre> | يعرف مسبقا بتنسيق النص |