فقرات HTML
تبدأ الفقرة دائمًا بسطر جديد ، وعادة ما تكون كتلة نصية.
فقرات HTML
<p>يحدد عنصر HTML فقرة.
تبدأ الفقرة دائمًا بسطر جديد ، وتضيف المستعرضات تلقائيًا بعض المسافات البيضاء (هامش) قبل الفقرة وبعدها.
مثال
<p>This is a paragraph.</p>
<p>This is another paragraph.</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 الأفقية
تحدد العلامة <hr>فاصلًا موضوعيًا في صفحة HTML ، وغالبًا ما يتم عرضها كقاعدة أفقية.
يُستخدم <hr>العنصر لفصل المحتوى (أو تحديد تغيير) في صفحة HTML:
مثال
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
العلامة <hr>هي علامة فارغة ، مما يعني أنها لا تحتوي على علامة نهاية.
فواصل أسطر HTML
<br>يحدد عنصر HTML فاصل الأسطر.
استخدم <br>إذا كنت تريد فاصل أسطر (سطر جديد) دون بدء فقرة جديدة:
مثال
<p>This is<br>a paragraph<br>with line breaks.</p>
العلامة <br>هي علامة فارغة ، مما يعني أنها لا تحتوي على علامة نهاية.
مشكلة القصيدة
ستعرض هذه القصيدة على سطر واحد:
مثال
<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>
<pre>يحدد عنصر HTML النص المنسق مسبقًا.
يتم عرض النص الموجود داخل <pre>عنصر بخط ثابت العرض (عادةً ما يكون Courier) ، ويحافظ على كل من المسافات وفواصل الأسطر:
مثال
<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>
تمارين HTML
مرجع علامة HTML
يحتوي مرجع علامة W3Schools على معلومات إضافية حول عناصر HTML وسماتها.
| Tag | Description |
|---|---|
| <p> | Defines a paragraph |
| <hr> | Defines a thematic change in the content |
| <br> | Inserts a single line break |
| <pre> | Defines pre-formatted text |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .