اشترك في قناة اليوتيوب نوفر لكم دروس حصرية

التسجيل التعليمـــات قائمة الأعضاء التقويم البحث مشاركات اليوم اجعل كافة الأقسام مقروءة

المحذوفات المحذوفات

حصري: سلسلة دروس الـ html: الدرس 03

الدرس الثالث: العناصر والوسوم الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر. العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن

 
 
أدوات الموضوع إبحث في الموضوع انواع عرض الموضوع
قديم 12-14-2013, 04:44 PM #1
ecarteplus
عضو جديد
 
تاريخ التسجيل: Nov 2013
المشاركات: 4
[B][U][SIZE=3]الدرس الثالث: العناصر والوسوم[/SIZE][/U][/B]

[RIGHT][SIZE=3]الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر.[/SIZE]
[SIZE=3]العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.

[/SIZE][/RIGHT]
[B][U][SIZE=3]"وسوم"؟[/SIZE][/U][/B]

[RIGHT][SIZE=3]الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.[/SIZE]
[SIZE=3]كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "[B]<[/B]" وتنتهي مع علامة أكبر من "[B]>[/B]".[/SIZE]
[SIZE=3]بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.[/SIZE]
[SIZE=3]لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.

[/SIZE][/RIGHT]
[B][U][SIZE=3]هل يمكنك أن تريني بعض الأمثلة؟[/SIZE][/U][/B]

[RIGHT][SIZE=3]حسناً، العنصر [B]em[/B] يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية [COLOR=Red][B]<em>[/B][/COLOR] ووسم الإغلاق [COLOR=Red]</em> [/COLOR]ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)[/SIZE]

[SIZE=3]المثال 1:[/SIZE]
[SIZE=3] [HTML]<em>نص مائل.</em> [/HTML][/SIZE] [SIZE=3]

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

[COLOR=Red][I][SIZE=3]نص مائل.[/SIZE] [/I][/COLOR]

[SIZE=3]العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.[/SIZE]

[SIZE=3][COLOR=DarkGreen]مثال 2:[/COLOR][/SIZE]

[SIZE=3] [HTML]<h1>هذا عنوان</h1>
<h2>هذا عنوان فرعي</h2> [/HTML][/SIZE]


[SIZE=3]ستظهر بهذا الشكل في المتصفح:[/SIZE]

[QUOTE][SIZE=5][B]هذا عنوان[/B][/SIZE]

[SIZE=4][B]هذا عنوان فرعي[/B][/SIZE][/QUOTE] [/RIGHT]
[B][U][SIZE=3]هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟[/SIZE][/U][/B]

[RIGHT][SIZE=3]كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: [B][COLOR=Red]<br />[/COLOR][/B].[/SIZE][/RIGHT]
[B][U][SIZE=3]هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟[/SIZE][/U][/B]

[RIGHT][SIZE=3]معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، <[COLOR=Red][B]HTML>، <html>[/B][/COLOR] أو [COLOR=Red]<HtMl>[/COLOR] كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.

[/SIZE][/RIGHT]
[B][U][SIZE=3]أين أضع كل هذه الوسوم؟[/SIZE][/U][/B]

[RIGHT][SIZE=3]أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.[/SIZE]
[SIZE=3]إذا انتقلت إلى الدرس اللاحق ستتمكن من إنشاء موقعك خلال عشر دقائق.[/SIZE][/RIGHT]
  • ecarteplus غير متواجد حالياً
قديم 01-12-2014, 10:45 AM #2
maravilla
عضو نشيط
 
تاريخ التسجيل: Jan 2014
المشاركات: 95
معلومات قيمة مشكوور
  • maravilla غير متواجد حالياً
قديم 01-12-2014, 05:14 PM #3
الاستاذ
المدير العام
 
الصورة الرمزية الاستاذ
 
تاريخ التسجيل: Aug 2013
العمر: 26
المشاركات: 36,585
مششكور على الموضوع الحصري و التطويري

بالتوفيق و نتمنى الاستمرار معنا
  • الاستاذ غير متواجد حالياً
قديم 03-31-2014, 11:53 AM #4
أكاني
عضو مبدع
 
الصورة الرمزية أكاني
 
تاريخ التسجيل: Nov 2013
الدولة: بلد الأحرار
المشاركات: 1,016
شكرااااااااااااااااااااا لك
  • أكاني غير متواجد حالياً
 

الكلمات الدلالية (Tags)
الدرس, سلسلة

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is معطلة
كود [IMG] معطلة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
حصري: سلسلة دروس الـ html: الدرس 02 ecarteplus المحذوفات 2 01-12-2014 05:13 PM
حصري:sسلسة دروس HTML : الدرس 01 ecarteplus المحذوفات 1 12-05-2013 05:12 PM
حصري: دروس html للمبتدئين ecarteplus المحذوفات 0 12-04-2013 04:47 PM
أروع كتاب في الرياضيات شهاب سلسلة مدرستي جزء 1+2 طرائق لحل التمارين+ دروس مفصلة + 460 الاستاذ منتدى تحضير بكالوريا 2018 0 10-06-2013 01:48 PM
هام لاصحاب الباكلوريا 2014 دروس و مراجع من رفعي ... حصري الاستاذ منتدى تحضير بكالوريا 2018 0 10-05-2013 06:54 PM


الساعة الآن 09:05 PM


.Powered by vBulletin® Copyright ©2000 - 2017, Jelsoft Enterprises Ltd
منتدى الشروق الجزائري