ط¯ظˆط±ط© ظ„ط؛ط© html <ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ„ط« :: طھظ†ط³ظٹظ‚ ط§ظ„ظپظ‚ط±ط§طھ ظˆط§ظ„ظƒظ„ظ…ط§طھ>



.: السلام عليكم ورحمة الله وبركاته :.
توقفنا الدرس مفصل الماضي عند وسوم الخطوط والألوان
الأن إن شاء الله سوف نتطرق لوسوم الكلمات والفقرات
بعض الوسوم وعملها ::


أولا :: الوسم <br> : يقوم بإنها السطر وهو وسم ليس له نهاية ( <br/> )مثال ::



رمز Code:
منتديات أحاسيس مبدع <br> نسعى لنكون الأفضل <br> وهدفنا الأول والأخير راحة الاعضاء.
فتكون النتيجة ::

منتديات أحاسيس مبدع
نسعى لنكون الأفضل
وهدفنا الأول والأخير راحة الاعضاء.

ثانيا : وسم العلامة المسجلة والحقوق


&reg; - &copy;



مثال ::


رمز Code:
a7-mbd3.com &reg; &copy; 2014
النتيجه

2014 ® © a7-mbd3.com

ثالثا :: وسم الأقتباس &quot; المسافة البادئة &quot;

مثال ::


<blockquote> منتديات أحاسيس مبدع لكل العرب وليس لفرد أو مجموعة معينة </blockquote>




النتيجة :

منتديات أحاسيس مبدع لكل العرب وليس لفرد أو مجموعة معينة

يمكننا أيضا زيادة المسافة البادئة ::

مثال :


<blockquote><blockquote><blockquote> منتديات أحاسيس مبدع لكل العرب وليس لفرد أو مجموعة معينة</blockquote></blockquote></blockquote>


النتيجة ::

منتديات أحاسيس مبدع لكل العرب وليس لفرد أو مجموعة معينة

ثانيا وسم





رمز Code:
a7-mbd3.com &nbsp;&nbsp;&nbsp; is &nbsp;&nbsp;&nbsp;good



وهذه تكون النتيجة

a7-mbd3.com---is---good

هذه العلامة (---) نيابة عن المسافة لأن المنتدي لا يدعم أكثر من مسافة بين الكلمات


ثالثا :: وسم <pre> ........ </pre> :: وسم لمراعاة التنسيق المستخدم


&nbsp; كما رأيتم اننا احتجنا كتابة الوسم السابق عدة مرات
فهذا الوسم يسهل لك العملية
فإذا استخدمنا هذا الوسم كما رايتم

a7-mbd3.com---is---good

فسوف تكون النتيجة بدون استخدام وسم المسافة 20 مرة وهذا بالتأكيد يقلل من مساحة الملف

a7-mbd3.com is good

رابعا :: وسم الفقرة :: <p> ....... <p/> وهو لإنهاء فقرة معينة



مثال ::



<p>عالم الأستضافة عالم ضخم وهو يعتمد اعتماد أساسي على الشبكة العنكبوتية وكيفية التعامل معها </p>
والاستضافة HOTING هي : تكون بـين شخصين هما الخادم host وال client العميل والأهم من هذا كله هو أن يكون الخادم على دراية كاملة وقدرة كاملة على إدارة سيرفر SERVERة <br>
أما بإستخدام windows server 2003 أو windows server 2014 أو بنظام تشغيل linux وهناك الكثير من أنظمة التشغيل التي تسمح بعمل الجهاز كـسيرفر SERVER (خادم).



وهذه تكون النتيجة ::

عالم الأستضافة عالم ضخم وهو يعتمد اعتماد أساسي على الشبكة العنكبوتية وكيفية التعامل معها.


والاستضافة HOTING هي : تكون بـين جهتين هما الخادم host والـ client العميل والأهم من هذا كله هو أن يكون صاحب الخادم ( server ) على دراية كاملة وقدرة كاملة على إدارة سيرفر SERVERة
أما بإستخدام windows server 2003 أو windows server 2014 أو بنظام تشغيل linux.


الآن سوف نتطرق إلى بعض الوسوم التي تدخل على الوسم <p>

أولا :: الوسم align : وهو يستخدم في محذاة النص

أم يمين : right أو يسار : left أو في الوسط : center

مثال 1:


النتيجه

أحاسيس مبدع

مثال 2 :


<p align=&quot;left&quot;> أحاسيس مبدع </p>






النتيجة :


أحاسيس مبدع


مثال 3 :


<p align=&quot;right&quot;> أحاسيس مبدع </p>




النتيجة :
أحاسيس مبدع

ثانيا : استخدام الوسم dir مع الوسم

وهو وسم لمحاذاه النص : محاذاة إلى اليمين &quot;rtl&quot; محاذاة إلى اليسار &quot;ltr&quot;
ولو لاحظت أن الوسم &quot;rtl&quot; اختصار لـ right to left
و أن الوسم &quot;ltr&quot; اختصار لـ left to right

مثال 1 :


<p align= &quot;center&quot; dir=&quot;rtl&quot;> أحاسيس مبدع </p>




النتيجة :

أحاسيس مبدع


مثال 2 :


<p align= &quot;center&quot; dir=&quot;ltr&quot;> أحاسيس مبدع </p>




النتيجة :


أحاسيس مبدع

خامسا :: <ol> يستخدم لعمل تعداد عددي
و <li> :: يستخدم في بداية كل بند

<ol>
<li> السعوديه
<li> الرياض
<li> الشرقيه
<li> جده
</ol>



وتكون هكذا النتيجبة ::

السعوديه
الرياض
الشرقيه
جده



سادسا : <ul> الذي يستخدم في عمل التعداد النقطي :

مثال :

<ul>
<li> السعوديه
<li> الرياض
<li> الشرقيه
<li> جده
<ul/>

النتيجه


  • السعوديه
  • الرياض
  • الشرقيه
  • جده





طيب ولنفرض اننا نريد استخدام تعداد نقطي بشكل مختلف ::
هذا جدول يوضح إن شاء الله استخدام اكثر من شكل




وهذا جدول فيه وسوم هذا الدرس مفصل بالكامل ::




وإلى اللقاء في الدرس مفصل القادم إن شاء الله


رابط الموضوع الاصلي


http://www.a7-mbd3.com/vb/showthread.php?p=721#post721


تحيتي لكم ..








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©