التخطي إلى المحتوى
3-2-800x600 inline و block والفرق بينهما

 في صفحة ال html يوجد نوعين من الوسوم , وسوم تعرف ب inline حيث اذا وضع الشخص عدة امثلة منها تكون على سطر واحد اما الوسوم التي تأخذ السطر بالكامل هي تعرف ب block كمثل ان تكتب نص بين وسمين معينين و تريد النص الذي بعده يكون على سطر اخر خاص به هنا نستعمل ال block و العكس نستعمل inline

inline و block والفرق بينهما

ففي الدرس السابق ( التعامل مع النصوص في لغة html ) ذكرت عدة وسوم و من بينها الوسمين التاليين 5415415-300x64 inline و block والفرق بينهما   حيث اذا كررنا منهم اكثر من واحد و وضعنا بين كل منهما كلام معين ستكون النتيجة في المتصفح ان كل نص في كل مثال على سطر جديد حيث لا تجمع النصوص على سطر واحد وهذا يعني ان الوسمين 5415415-300x64 inline و block والفرق بينهما   من فئة ال block

و اذا جلبنا شيئ معاكس للسابق كالوسمين 1-8-300x46 inline و block والفرق بينهما   و كررناهما اكثر من مرة مع وضع عبارات بينهم ستلاحظو ان جميع العبارات على سطر واحد فمعنى ذلك ان الوسم 1-8-300x46 inline و block والفرق بينهما   من نوع inline

لو ذكرنا بعض الوسوم ذات النوع block هنالك :

<p></p>
<div></div>
<h1></h1>

ومن الوسوم التي من نوع inline :

<span></span>

<img src=”#”/>

<font></font>

طبعاً النص اذا كان كبير و هو بين وسوم inline سيأخذ في العادة كامل السطر في الشاشة اذا كانت الشاشة صغيرة وهذا لا يعني ان ميزة inline لم تطبق فهو اخذ كامل السطر لأنه نص طويل

و بهكذ نكون قد تعرفنا على ما هو inline و block , وتوجد ملاحظة اخيرة وهي اذا وضعنا وسمين inline بعدهما وسمين block سيكون ان مابين الوسمين inline على سطر و ما بين وسمي block على سطر يليه بسبب ان block يتفرد بسطر و ليس ان وسمين inline اخذو سطر كامل .

دروس سابقة :

  1. ما هي لغة html
  2. ما هي وسوم الـ head
  3. التعامل مع النصوص في لغة html
  4. كيفية اضافة صور او تغيير خلفية صفحة الويب
  5. الجداول في لغة html

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *