ان كنت تمكنت الآن من صناعة صفحة Html بنفسك
اليك بعض أكواد ووسوم Html لبدأ اضافتها لصفحتك ومعرفة المذيد عن Html
هناك عناصر تستخدم وسم البداية ووسم الإغلاق في نفس الوقت. هذه يسمونها العناصر الفارغة وهي عناصر غير مرتبطة بالنص بأي طريقة، بل هي معزولة، كمثال لمثل هذه العناصر هناك الوسم <br /> الذي يجبر النص على الظهور في سطر جديد:
مثال
مرحبا بكم<br /> اقدم لكم موقعي الأول
سيظهر في متصفحك بهذا الشكل
مرحبا بكم
أقدم لكم موقعي الأول
لاحظ أن الوسم كتب بطريقة يختصر فيها وسم البداية ووسم الإغلاق بوضع مسافة وشرطة أمامية في نهايته: <br />.
عنصر آخر مشابه يحوي وسم البداية والإغلاق في نفس الوقت هو <hr /> الذي يستخدم في رسم خط أفقي، حرفي "hr" يعنيان "horizontal rule":
عنصر آخر مشابه يحوي وسم البداية والإغلاق في نفس الوقت هو <hr /> الذي يستخدم في رسم خط أفقي، حرفي "hr" يعنيان "horizontal rule":
مثال
<hr />
سيظهر سطرفاضل : عارضة افقية بهذا الشكل
_______________________________________________________
هناك عناصر أخرى تحتاج إلى وسمي البداية والإغلاق - كما هو حال معظم العناصر - مثل ul وol وli. هذه العناصر تستخدم عندما تريد إنشاء القوائم.
ul هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة، أما ol فهي اختصار "ordered list" أو قائمة مرتبة فهو يضع رقماً لكل بند في القائمة، ولكي نضع البنود في القائمة علينا أن نستخدم الوسم li أو "list item"، هل أصبحت بالحيرة، شاهد هذا المثال:
ul هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة، أما ol فهي اختصار "ordered list" أو قائمة مرتبة فهو يضع رقماً لكل بند في القائمة، ولكي نضع البنود في القائمة علينا أن نستخدم الوسم li أو "list item"، هل أصبحت بالحيرة، شاهد هذا المثال:
مثال:قائمة ذات تعدد نقطي
<ul>
<li>قائمة</li>
<li>قائمة اخرى</li>
</ul>
سيظهر بهذا الشكل في المتصفح
- قائمة
- قائمة اخري
مثال : قائمة ذات تعدد رقمي
<ol>
<li>سطر</li>
<li>سطر ثان</li>
</ol>
سيظهر بهذا الشكل
- سطر
- سطر ثان
جميع الوسم التي نقمها حاليا توضع بين الوسم
<body>
و
</body>
فى الدرس القادم المزيد من المتعة عن لغة Html
سنشرح كل مايخص النصوص وامكانية اضافة التأثيرات المختلفى على نصوص الصفحة
0 التعليقات "الدرس الخامس:وسوم Html"
إرسال تعليق