html الدرس الخامس

حان الوقت الآن لتعلم سبعة عناصر جديدة.

 تؤكد فيها على نص معين عندما تضعه بين وسم البداية <em> ووسم الإغلاق </em>, يمكنك أن تضيف تأكيداً أقوى باستخدام وسم البداية <strong> ووسم الإغلاق </strong>.

مثل 1

<strong>samir soltani</strong>

سيظهر بهذا الشكل في المتصفح:

samir soltani

************************************************************************

بطريقة مماثلة يمكنك تصغير النص باستخدام العنصر small:

مثال 2
<small> samir soltani </small>


سيظهر في المتصفح بالشكل التالي


samir soltani


******************************************************
هناك سوءال هل يمكنني استخدام عدة وسوم في ان واحد
بإمكانك استخدام عدة عناصرة بسهولة في نفس الوقت، لكن تجنب تداخل العناصر. يمكن توضيح ذلك بهذا المثال
<em><small>samir soltani</small></em>
******************************************************
هناك الوسم <br /> الذي يجبر النص على الظهور في سطر جديد:
soltani <br />

samir
سيظهر بهذا الشكل في متصفحك
soltani
samir
******************************************************


هناك عناصر أخرى تحتاج إلى وسمي البداية والإغلاق - كما هو حال معظم العناصر - مثل ul وol وli. هذه العناصر تستخدم عندما تريد إنشاء القوائم.

ul هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة، أما ol فهي اختصار "ordered list" أو قائمة مرتبة فهو يضع رقماً لكل بند في القائمة، ولكي نضع البنود في القائمة علينا أن نستخدم الوسم li أو "list item"، هل أصبت بالحيرة، شاهد هذا المثال:

مثال :

 
 <ul>
   <li>samir</li>
   <li>soltani</li>
 </ul>
 
 


سيظهر بهذا الشكل في متصفحك


samir
soltani



مثال :

 
 <ol>
   <li>samir</li>
   <li>soltani</li>
 </ol>
 
 


سيظهر بهذا الشكل في متصفحك




samir
soltani



هل هذا كل شيء

نعم هذا كل شيء، ومرة أخرى، قم بعمل تجارب بنفسك وجرب العناصر السبعة التي تعلمتها في هذا الدرس:



 
 <strong>samir soltani</strong>
 <small>algeria</small>
 <br /> samir
 <hr /> soltani
 <ul>www.samiwolsol.blogspot.com</ul>
 <ol>www.facebook.com/dzhacker2014</ol>
 <li>www.mastredz.tk</li>