شـبـكــة عـمّـــار
إخبارية - ترفيهية
- تعليمية



جديد الصور
جديد الأخبار
جديد المقالات


جديد الصور

جديد البطاقات

جديد الصوتيات

المتواجدون الآن


تغذيات RSS

2012-08-17 03:20

في هذا الدرس سوف نتعلم معا كيفية تنسيق الفقرات والقوائم

وهنالك عدة أنواع للقوائم وسوف تتعلمها الآن معنا لتختار ما يناسبك .

أولا: القوائم غير المتسلسلة
Unordered Lists


نفترض بأنك تريد أن تعدد المواد العلمية المقررة على القسم العلمي .


القسم العلمي
<ul>
<li>الفيزياء
<li>الكيمياء
<li>الأحياء
<li>الجيولوجيا
</ul>


وهكذا سوف يظهر لنا بهذه الطريقة .

القسم العلمي


الفيزياء
الكيمياء
الأحياء
الجيولوجيا

ثانيا: القوائم المتسلسلة Ordered Lists


والآن في هذا النوع من القوائم سوف تتعلم كيفية كتابة قائمة متسلسلة كما في هذا المثال .


المواد العلمية في القسم العلمي
<ol>
<li>الفيزياء
<li>الكيمياء
<li>الأحياء
<li>الجيولوجيا
</ol>


سوف يظهر بهذه الطريقة.


المواد العلمية في القسم العلمي

الفيزياء
الكيمياء
الأحياء
الجيولوجيا


ثالثا: قوائم التعريفات Definition Lists


في هذا النوع من القوائم نتعلم كيفية كتابة قائمة للكلمة وتعريفها .

كما في هذا المثال :

<dl>
<dt>المواد العلمية في القسم العلمي
<dd>الفيزياء
<dd>الكيمياء
<dd>الأحياء
<dd>الجيولوجيا
<dl>


وسيكون بهذه الطريقة :


المواد العلمية في القسم العلمي
الفيزياء
الكيمياء
الأحياء
الجيولوجيا





والآن هيا معا نتعلم كيفية وضع حد فاصل بين الفقرات والجمل.


ونستخدم لهذا الشيء الوسم
<hr>

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

فهنالك خصائص نستطيع استعمالها مع ذلك الوسم لكي نزيد او نقلل من حجمه وهذه الخصائص هي :

width="رقم%"

نستطيع ذكر رقم مئوي ليحدد حجم الحدود .

width="رقم"

نستطيع ذكر رقم ليحدد حجم الحدود.

size="رقم"

نستطيع ذكر رقم بالبيكسل ليحدد حجم الحدود.

وأيضا تستطيع التحكم في اتجاه الحد سواء في الوسط او اليمين او اليسار بهذه الطريقة :

align="center/right/left"




وسوف أذكر لك عدة أمثلة لتتضح لك تلك الخصائص



<hr width="40%">




<hr width="41">




<hr size="4">




<hr width="50%" align="right">



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

وسوف نستعمل معا نفس الوسم لكي ننسق الفقرات

والوسم هو :
<p>

مع الخاصية
Align

وهي تحدد اتجاه الفقرة وسوف اذكر لك أمثلة لكي تتضح لك كل تلك الأمور:

<p align="right">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>


هنا موقع موسوعة الكمبيوتر والانترنت العربية



<p align="center">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>


هنا موقع موسوعة الكمبيوتر والانترنت العربية



<p align="left">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>


هنا موقع موسوعة الكمبيوتر والانترنت العربية



اتمنى أن تكون قد استمتعت بهذا الدرس ، والآن بالفعل تستحق قسطا من الراحة وذلك لصبرك ومثابرتك على تعلم هذه اللغة اللطيفة.....استرح قليلا ثم اكمل قراءة الدروس.


تعليقات 0 | إهداء 0 | زيارات 624


خدمات المحتوى
  • مواقع النشر :
  • أضف محتوى في Digg
  • أضف محتوى في del.icio.us
  • أضف محتوى في StumbleUpon
  • أضف محتوى في Google


تقييم
0.00/10 (0 صوت)


Powered by Dimofinf cms Version 3.0.0
Copyright© Dimensions Of Information Inc.