NAVA : Notre Avenir Vs Appelle
مرحبا

الدرس السادس: المزيد من العناصر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

default الدرس السادس: المزيد من العناصر

مُساهمة من طرف baritof في الجمعة 29 مارس - 15:36


هل قمت بإنشا المزيد من الصفحات بنفسك؟ إن لم تفعل فإليك هذا المثال:





My website



A Heading


text, text text, text


Subhead


text, text text, text







ما التالي؟

حان الوقت الآن لتعلم سبعة عناصر جديدة.

بنفس الطريقة التي تؤكد فيها على نص معين عندما تضعه بين وسم البداية ووسم الإغلاق , يمكنك أن تضيف تأكيداً أقوى باستخدام وسم البداية ووسم الإغلاق .

مثال 1:


This should be stronger emphasis.


سيظهر بهذا الشكل في المتصفح:

This should be stronger emphasis.
بطريقة مماثلة يمكنك تصغير النص باستخدام العنصر small:

مثال 2:


This should be in small.


سيظهر بهذا الشكل في متصفحك

This should be in small.
هل أستطيع استخدام عدة عناصر في نفس الوقت؟

بإمكانك استخدام عدة عناصرة بسهولة في نفس الوقت، لكن تجنب تداخل العناصر. يمكن توضيح ذلك بهذا المثال:

مثال 3:

إذا أردت التأكيد على نص صغير الحجم يجب أن تفعل ذلك بهذه الطريقة:


Emphasised small text


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


Emphasise small text


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

المزيد من العناصر!

كما ذكرنا في الدرس الثالث هناك عناصر تستخدم وسم البداية ووسم الإغلاق في نفس الوقت. هذه يسمونها العناصر الفارغة وهي عناصر غير مرتبطة بالنص بأي طريقة، بل هي معزولة، كمثال لمثل هذه العناصر هناك الوسم
الذي يجبر النص على الظهور في سطر جديد:

مثال 4:


Some text
and some more text in a new line


سيظهر بهذا الشكل في متصفحك

Some text
and some more text in a new line
لاحظ أن الوسم كتب بطريقة يختصر فيها وسم البداية ووسم الإغلاق بوضع مسافة وشرطة أمامية في نهايته:
.

عنصر آخر مشابه يحوي وسم البداية والإغلاق في نفس الوقت هو
الذي يستخدم في رسم خط أفقي، حرفي "hr" يعنيان "horizontal rule":

مثال 5:






:سيظهر بهذا الشكل في متصفحك

هناك عناصر أخرى تحتاج إلى وسمي البداية والإغلاق - كما هو حال معظم العناصر - مثل ul وol وli. هذه العناصر تستخدم عندما تريد إنشاء القوائم.

ul هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة، أما ol فهي اختصار "ordered list" أو قائمة مرتبة فهو يضع رقماً لكل بند في القائمة، ولكي نضع البنود في القائمة علينا أن نستخدم الوسم li أو "list item"، هل أصبحت بالحيرة، شاهد هذا المثال:

مثال 7:



  • A list item

  • Another list item




سيظهر بهذا الشكل في متصفحك

A list item
Another list item
مثال 8:



  1. First list item

  2. Second list item




سيظهر بهذا الشكل في متصفحك

First list item
Second list item
هل هذا كل شيء؟

نعم هذا كل شيء، ومرة أخرى، قم بعمل تجارب بنفسك وجرب العناصر السبعة التي تعلمتها في هذا الدرس:


Stronger emphasis
Small text

Line shift

Horizontal line
    List

    Ordered list

  • List item



  • << الدرس الخامس: ماذا تعلمت حتى الآن؟الدرس السابع: الخصائص >>
    دروس
    درس HTML
    مقدمة
    لنبدأ
    ما هي HTML؟
    العناصر والوسوم؟
    إنشاء موقعك الأول
    ماذا تعلمت حتى الآن؟
    المزيد من العناصر
    الخصائص
    الروابط
    الصور
    الجداول
    المزيد حول الجداول
    التصميم (CSS)
    نشر الصفحات
    المعايير القياسية
    النصائح الأخيرة
    درس CSS
    درس PHP
    اللغة


    التصميم


    ترجمة

    Abdulla Al Muhairi
    avatar
    baritof
    نحو الادارة
    نحو الادارة

    ذكر
    عدد الرسائل : 136
    العمر : 35
    المدينة : maroc
    نقاط : 36517
    تاريخ التسجيل : 19/09/2007

    الرجوع الى أعلى الصفحة اذهب الى الأسفل

    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


     
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى