أخر الأخبار
recent

الدرس الخامس : تعرف على العناصر السبعة الأكثر استخداماً

تعلم البرمجة مجانا, برمجة, دورة HTML, تعلم اللغة html, دروس وشرحات, دروس وشرحات 2016, ويب العربي, web3r,


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

1_ لكتابة نص بحجم كبير فسوف نستخدم وسم <strong> هكذا    
   <strong>
كتابة النص
<strong/>

2 _ يمكنك تصغير النص بأستخدام وسم <small> هكذا    

       <small>
كتابة النص
<small/>

ويمكنك استخدام عدة عناصر في نفس الوقت هكذا .... 
3 _ إذا أردت تأكيد علي نص الصغير الحجم فعليك ان تفعل ذلك بهذة الطريقة 

<em><small>النص بحجم الصغير</small></em>
4 _ لقد تحدثنا عن وسم </  br> الذي يجبر النص علي ظهور في سطر جديد هكذا

النص الأول </  br>النص الاخر في سطر جديد 

سيظهر بهذا الشكل في متصفحك
النص الأول
النص الاخر في سطر جديد
لاحظ أن الوسم كتب بطريقة يختصر فيها وسم البداية ووسم الإغلاق بوضع مسافة وشرطة أمامية في نهايته: <br />.
عنصر آخر مشابه يحوي وسم البداية والإغلاق في نفس الوقت هو <hr /> الذي يستخدم في رسم خط أفقي، حرفي "hr" يعنيان "horizontal rule":

5 _ </  hr>
سيظهر بهذا الشكل في متصفحك


وهناك عناصر تستخدمها عندما تريد إنشاء قوائم وهما li و ol و ul وهذة العناصر تحتاج إلي وسم البداية والنهاية 
ul هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة، أما ol فهي اختصار "ordered list" أو قائمة مرتبة فهو يضع رقماً لكل بند في القائمة، ولكي نضع البنود في القائمة علينا أن نستخدم الوسم li أو "list item"، هل أصبحت بالحيرة، شاهد هذا المثال:
6 _ 
<ul>
<li>A list item</li>
<li>Another list item</li>
</ul>
سيظهر بهذا الشكل في متصفحك
  • A list item
  • Another list item
7 _ 

 <ol>
   <li>First list item</li>
   <li>Second list item</li>
 </ol>
 
 
سيظهر بهذا الشكل في متصفحك
  1. First list item
  2. Second list item

هل هذا كل شيء؟

نعم هذا كل شيء، ومرة أخرى، قم بعمل تجارب بنفسك وجرب العناصر السبعة التي تعلمتها في هذا الدرس:
 
 <strong>Stronger emphasis</strong>
 <small>Small text</small>
 <br /> Line shift
 <hr /> Horizontal line
 <ul>List</ul>
 <ol>Ordered list</ol>
 <li>List item</li>

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

إرسال تعليق

يتم التشغيل بواسطة Blogger.