HTML Paragraphs
تبدأ الفقرة دائمًا بسطر جديد ، وعادةً ما تكون كتلة نصية.
يحدد العنصر <p> فقرة في HTML.
تبدأ الفقرة دائمًا بسطر جديد ، وتضيف المستعرضات تلقائيًا بعض المسافات البيضاء (هامش) قبل الفقرة وبعدها.
مثال
------------
<p>هذه فقرة.</p>
<p>هذه فقرة اخرى.</p>
-------------------------------------
يظهر المثال السابق في المتصفح بالشكل :
هذه فقرة.
هذه فقرة اخرى.
عرض HTML
لا يمكنك التأكد من كيفية عرض HTML.
ستؤدي الشاشات الكبيرة أو الصغيرة والنوافذ التي تم تغيير حجمها إلى نتائج مختلفة.
باستخدام HTML ، لا يمكنك تغيير العرض عن طريق إضافة مسافات إضافية أو سطور إضافية في كود HTML الخاص بك.
سيقوم المتصفح تلقائيًا بإزالة أي مسافات وأسطر إضافية عند عرض الصفحة:
مثال :
---------------------
<p>هذه الفقرة
تحتوي على الكثير من الخطوط
في شفرة المصدر ،
لكن المتصفح
يتجاهلها.</p>
<p>هذه الفقرة
تحتوي على الكثير من الخطوط
في شفرة المصدر ،
لكن المتصفح
يتجاهلها.</p>
------------------------------------------------
يظهر المثال السابق في المتصفح بالشكل :
هذه الفقرة تحتوي على الكثير من الخطوط في شفرة المصدر ، لكن المتصفح يتجاهلها.
هذه الفقرة تحتوي على الكثير من الخطوط في شفرة المصدر ، لكن المتصفح يتجاهلها.
فواصل html الأفقية : HTML Horizontal Rules
تحدد العلامة <hr> فاصلًا موضوعيًا في صفحة HTML ، وغالبًا ما يتم عرضه بشكل أفقي.
يُستخدم عنصر <hr> لفصل المحتوى (أو تحديد تغيير) في صفحة HTML:
مثال:
-----------------
<h1>هذا عنوان أول</h1>
<p>هذا مجرد نص بسيط.</p>
<hr>
<h2>هذا عنوان ثاني</h2>
<p>هذا مجرد نص بسيط.</p>
<hr>
---------------------------------------------
يظهر المثال السابق في المتصفح بالشكل التالي :
هذا عنوان أول
هذا مجرد نص بسيط.
هذا عنوان ثاني
هذا مجرد نص بسيط.
فواصل أسطر اتش تي ام ال : HTML Line Breaks
يحدد عنصر <br> HTML فاصل الأسطر.
استخدم <br> إذا كنت تريد فاصل أسطر (سطر جديد) بدون بدء فقرة جديدة:
مثال :
--------------
<p> هذه <br> فقرة <br> بها فواصل أسطر. </ p>
-----------------------------
يظهر المثال السابق بالشكل :
هذه
فقرة
بها فواصل أسطر. </ p>
مشكلة كتابة القصيدة
مثال :
-------------
<p> إِنَّ العُيونَ الَّتي في طَرفِها حَوَرٌ
قَتَلنَنا ثُمَّ لَم يُحيِينَ قَتلانا
يَصرَعنَ ذا اللُبَّ حَتّى لا حِراكَ بِهِ
وَهُنَّ أَضعَفُ خَلقِ اللَهِ أَركانا </p>
---------------------------------------------
يطهر هذا المثال في المتصفح بالشكل :
إِنَّ العُيونَ الَّتي في طَرفِها حَوَرٌ
قَتَلنَنا ثُمَّ لَم يُحيِينَ قَتلانا
يَصرَعنَ ذا اللُبَّ حَتّى لا حِراكَ بِهِ
وَهُنَّ أَضعَفُ خَلقِ اللَهِ أَركانا
حل المشكلة:
توفر HTML العنصر <pre> لكتابة القصيدة
مثال :
---------------
<pre> إِنَّ العُيونَ الَّتي في طَرفِها حَوَرٌ
قَتَلنَنا ثُمَّ لَم يُحيِينَ قَتلانا
يَصرَعنَ ذا اللُبَّ حَتّى لا حِراكَ بِهِ
وَهُنَّ أَضعَفُ خَلقِ اللَهِ أَركانا </pre>
---------------------------------------------
وهذا المثال يظهر في المتصفح بالشكل :
إِنَّ العُيونَ الَّتي في طَرفِها حَوَرٌ قَتَلنَنا ثُمَّ لَم يُحيِينَ قَتلانا يَصرَعنَ ذا اللُبَّ حَتّى لا حِراكَ بِهِ وَهُنَّ أَضعَفُ خَلقِ اللَهِ أَركانا
نهاية الدرس .
ليست هناك تعليقات:
إرسال تعليق