8- وسمي التقسيم span | div | Microsoft Expression Web

 فهرس الدروس  ( Microsoft Expression Web )

 الدرس السابق (  Microsoft Web  )

سنتعلم المزيد من ووسوم html : 

div هو وسم ثنائي , يُستخدم للتقسيم. حيث يسمح لنا بتقسم الصفحة في الجسم body

ممكن أن يكون هناك قسم للشعار , وقسم للأيقونات الاجتماعية , والمحتويات , banner, والشريط الجانبي الأيمن والشريط الأشفل , والـ footer .. الخ. 

سنقوم بعمل 4 أقسام:
1- العنوان banner
2- خط الجانب الأيسر left hand side bar
3- المحتويات  content area
4- القدم footer

لتطبيق الأقسام سأضع في الجسم :
<div> </div>
<div> </div>
<div> </div>
<div> </div>

سأكتب بداخلها :

<div> أهلا وسهلا بكم</div>
<div> هنا الجانب الأيسر </div>
<div>  المقالات</div>
<div>أسفل الصفحة  </div>

لحد الآن تبدو كأنها نصوص عادية

لتعريفها أكثر وإيضاح أنها أقسام بالفعل سنتحاج إلى سمةالهوية

id=""

ومعروف أن السمات تُكتب داخل وسم الفتح , سنقوم بتسمية هويات الأقسام أي اسم , لكن الأفضل باسم القسم المعني:

<div id="banner"> أهلا وسهلا بكم</div>
<div id="sideBar"> هنا الجانب الأيسر </div>
<div id="content">  المقالات</div>
<div id="footer">أسفل الصفحة  </div>

 تساعد الهويات على إعطاء صفات للرأس , للجانب ..الخ.
كالعرض , واللون .. لذا سنحتاج إلى معرفة شيء عن css .


هناك أيضا عنصر (وسم ) اسمه span وهو تقريبا يعمل كـ وسم div
كلاهما يصيغان قسم فريد , وكلاهما يحتاجان إلى سمة هوية  id  للتسمية كما تسمى البنايات في الحي.
لكن الفرق هو:
- أن dive هو على مستوى الـ block بُنية 
- أن span هو على مستوى الأسطر

على سبيل المثال لنستبدل الوسم السابق div بـ   span

<span id="banner"> أهلا وسهلا بكم</span>
<span id="sideBar"> هنا الجانب الأيسر </span>
<span id="content">  المقالات</span>
<span id="footer">أسفل الصفحة  </span>

النتيجة أن العبارات اصبحت على سطر واحد, أي نعم أصبحت كل عبارة في قسم لكن ليس على شكل (كتلة) .