أحدث المواضيع

تابعني على يوتيوب

إجمالي مرات مشاهدة الصفحة

خبراتي فى لغات البرمجه

85% HTML
90% CSS
85% Web-Design

الخميس، 30 مارس 2017

الدرس (21) تعلم html : الفرق بين block و inline

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

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

اما inline تكون وسومها لا تتفرد بسطر خاص فيها في صفحة الويب بحيث تكون عدة وسوم inline في سطر واحد في صفحة الويب لا اقصد في صفحة البرمجة عند كتابة الوسوم

مثال على كلامي في الفرق بين inline و block

الصورتين السابقتين اللتين باللون الأزرق هما يندرجان تحت نوع inline بحيث جائت الصورتين على سطر واحد اما الكلمتين test تقعان كل منهما على سطر واحد لإن كتبت كل كلمة بي الوسمين
<div></div>
وهذين الوسمين يندرجان تحت مفهوم block
اما الصورة وسمها هو 
<img src="هنا تكتب رابط الصورة او موقع الصورة">
لنسرد بعض الوسوم من النوعين inline و block
<p></p>
الذي سبق من نوع block سبق وشرحته في درس سابق حيث يأخذ سطر كامل في صفحة الويب 
<h1></h1>
<h2></h2>
هذه الوسوم h1 و h2 تندرج تحت نوع الblock بحيث تأخذ كل منها سطر كامل بها
يوجد ايضاً هذا الوسم 
<span></span>
حيث يكتب داخله نصوص وهو من النوع inline
فبهكذا نكون قد تعرفنا على ما هو inline و block والفرق بينهم وللملاحظة اذا كتبنا وسم inline و وسم block كما قلت وسم الblock يأتي في سطر خاص به في صفحة الويب ولا يمكن جمع النوعين في سطر واحد , درس اليوم كان درس سهل وبسيط وهو اخر درس في هذه الدورة ان شاء الله ان تكونون قد استفدتم وان تكون المعلومات التي قدمتها ان تفيدكم في مسار حياتكم و السلام عليكم و رحمة الله و بركاته 
الدرس (21) تعلم html : الفرق بين block و inline

الدرس (21) تعلم html : الفرق بين block و inline





ليست هناك تعليقات:

إرسال تعليق

Translate

للمتابعة على مواقع التواصل الاجتماعي

تطبيق راسلني

جميع الحقوق محفوظة © أسامة الموسى