• html
  • 8368
    • في هذا الدرس سوف نتعلم معا كيفية تنسيق الفقرات والقوائم
    وهنالك عدة أنواع للقوائم وسوف تتعلمها الآن معنا لتختار ما يناسبك .
    أولا: القوائم غير المتسلسلة
    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/>


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