منتديات كــــــل شـــيء
اهلا وسهلا بكم جميعا في منتديات كل شيء
يمكنم متابعة لمنتدى ومشاهدة كل جديد بالضغط على اخفاء
وكذالك يمكن للاعضاء الدخول عن طريق زر الدخول..
ويشرفنا زوارنا الاحباء بالتسجيل في منتدانا الغالي بالضغط على تسجيل..
ارجو لكم قضاء وقت ممتع
شكرا لزيارتكم.
منتديات كــــــل شـــيء
اهلا وسهلا بكم جميعا في منتديات كل شيء
يمكنم متابعة لمنتدى ومشاهدة كل جديد بالضغط على اخفاء
وكذالك يمكن للاعضاء الدخول عن طريق زر الدخول..
ويشرفنا زوارنا الاحباء بالتسجيل في منتدانا الغالي بالضغط على تسجيل..
ارجو لكم قضاء وقت ممتع
شكرا لزيارتكم.


منتدى عام متخصص في كل المجالات للتسلية والفائدة
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
متساوية
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
نظافة عامة ورش مبيدات 0546591817 الزامل
رش مبيدات للحشرات والنظافة العامة الزمل 0548326220
افضل شركات النظافة ونقل الاثاث والمقاولات 0546591817 الضمان
رش مبيدات للحشرات والنظافة العامة الزمل 0548326220
افضل شركات النظافة ونقل الاثاث والمقاولات 0546591817 الضمان
نقل اثاث داخل وخارج المملكة 0599548223 الهلال
نقل اثاث داخل وخارج المملكة 0599548223 الهلال
افضل شركات النظفة ونقل الاثاث والمقاولات 0546591817 الضمان
الزامل لنقل الاثاث والنظافة العامة 0546591817
ستايل احترافي بالتومبيلات
الثلاثاء أكتوبر 30, 2012 6:54 am
الثلاثاء أكتوبر 30, 2012 6:53 am
الثلاثاء أكتوبر 30, 2012 6:53 am
الأحد أكتوبر 21, 2012 7:09 am
الأحد أكتوبر 21, 2012 7:09 am
الأحد أكتوبر 21, 2012 7:08 am
السبت أكتوبر 20, 2012 7:27 am
السبت أكتوبر 20, 2012 7:25 am
السبت أكتوبر 20, 2012 7:24 am
الثلاثاء أكتوبر 09, 2012 11:57 am










متساوية


شاطر | 
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Mr-Veecos
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 299
نقاط : 9998
نقاط التقيم نقاط التقيم : 5
تاريخ الميلاد : 18/02/1990
تاريخ التسجيل : 07/11/2011
العمر : 34

الدرس السادس: المزيد من العناصر   Empty
مُساهمةموضوع: الدرس السادس: المزيد من العناصر    الدرس السادس: المزيد من العناصر   I_icon_minitimeالإثنين نوفمبر 14, 2011 12:42 pm

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


<html>

اقتباس :
<head>
<title>My website</title>
</head>

<body>
<h1>A Heading</h1>
<p>text, text text, text</p>
<h2>Subhead</h2>
<p>text, text text, text</p>
</body>

</html>

ما التالي؟

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

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

مثال 1:

اقتباس :
<strong>This should be stronger emphasis.</strong>


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

This should be stronger emphasis.



بطريقة مماثلة يمكنك تصغير النص باستخدام العنصر small:


اقتباس :
<small>This should be in small.</small>


اقتباس :
This should be in small.


هل أستطيع استخدام عدة عناصر في نفس الوقت؟

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

مثال 3:

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


اقتباس :
<em><small>Emphasised small text</small></em>


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

اقتباس :
<em><small>Emphasise small text</em></small>
وجه الاختلاف في المثال الأول يكمن في أننا أغلقنا أولاً الوسم الذي قمنا بافتتاحه آخراً، بمعنى آخر وسم البداية الأول يغلق آخراً، هكذا لا نربك أنفسنا أو المتصفح.

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

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

مثال 4:

اقتباس :
Some text<br /> and some more text in a new line

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

اقتباس :
Some text
and some more text in a new line

لاحظ أن الوسم كتب بطريقة يختصر فيها وسم البداية ووسم الإغلاق بوضع مسافة وشرطة أمامية في نهايته: <br />.

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

مثال 5:

اقتباس :
<hr />


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

اقتباس :
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

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

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

مثال 7:

اقتباس :
<ul>
<li>A list item</li>
<li>Another list item</li>
</ul>

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

اقتباس :
A list item *
Another list item *

مثال 8:


اقتباس :

<ol>
<li>First list item</li>
<li>Second list item</li>
</ol>

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

اقتباس :
First list item 1
Second list item 2

هل هذا كل شيء؟

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

اقتباس :

<strong>Stronger emphasis</strong>
<small>Small text</small>
<br /> Line shift
<hr /> Horizontal line
<ul>List</ul>
<ol>Ordered list</ol>
<li>List item</li>

الرجوع الى أعلى الصفحة اذهب الى الأسفل
osama sami
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 269
نقاط : 9675
نقاط التقيم نقاط التقيم : 0
تاريخ الميلاد : 10/09/1995
تاريخ التسجيل : 07/01/2012
العمر : 29

الدرس السادس: المزيد من العناصر   Empty
مُساهمةموضوع: رد: الدرس السادس: المزيد من العناصر    الدرس السادس: المزيد من العناصر   I_icon_minitimeالجمعة يناير 27, 2012 5:37 pm

بارك الله فيك واصل ابداعاتك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الشبكة العربية وابدا
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 400
نقاط : 9756
نقاط التقيم نقاط التقيم : 0
تاريخ الميلاد : 17/05/1990
تاريخ التسجيل : 01/02/2012
العمر : 34

الدرس السادس: المزيد من العناصر   Empty
مُساهمةموضوع: رد: الدرس السادس: المزيد من العناصر    الدرس السادس: المزيد من العناصر   I_icon_minitimeالأربعاء فبراير 01, 2012 10:49 pm

شكرا لك اخى على الموضوع الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

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


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

جميع الحقوق محفوظة لـــ منتديات كـــــل شـــيء

©phpBB | انشاء منتدى مع أحلى منتدى | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | ملفات تعريف الارتباط التابعة لجهات خارجية | آخر المواضيع