ود الـــــشـــــرفـــــــــه
[SIZE=5][SIZE=5][B]

[/B]
[/SIZE]
[/SIZE]


منتدى شامل للابداع فى مجال الكتابة وطرح الاراء والمناقشة وكتابه الخواطر - والتطرق لقضايا الشباب مع مقترحات الحلول لها نشر الثقافات (التراث) + الهوايات
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثقائمة الاعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 للقوائم

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
عزوو
عضو نشط
عضو نشط


عدد المساهمات : 28
نقاط : 8355
تاريخ التسجيل : 10/07/2009

مُساهمةموضوع: للقوائم   الجمعة يوليو 24, 2009 10:11 pm








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

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

أولا: القوائم غير المتسلسلة
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/>


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
للقوائم
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ود الـــــشـــــرفـــــــــه :: الاقسام التقنية :: دروس فى لغة HTML-
انتقل الى: