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





سلسلة دروس HTML ( الدرس الثالث: العناصر والوسوم )

[CENTER][IMG]_fpclass/images_f/2/8.gif[/IMG] [IMG]_fpclass/images_f/2/13.gif[/IMG] الدرس الثالث: العناصر والوسوم ا ..



26-10-2011 01:58 مساء
احمد عادل
rating
الأوسمة:1
وسام عضو مميز
وسام عضو مميز
معلومات الكاتب ▼
تاريخ الإنضمام : 04-06-2011
رقم العضوية : 50
المشاركات : 218
الدولة : DZ
الجنس : ذكر
تاريخ الميلاد : 24-3-1992
قوة السمعة : 263
الدولة : الجزائر
 offline 
[CENTER]8



13



الدرس الثالث: العناصر والوسوم


الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر.

العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.

"وسوم"؟


الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.

كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من
"<"
وتنتهي مع علامة أكبر من
">"
.

بشكل عام هناك نوعان من الوسوم، وسم البداية:
<html>
ثم وسم الإغلاق
</html>
. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.

لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.

هل يمكنك أن تريني بعض الأمثلة؟


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

المثال 1:

<em>نص مائل.</em>

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

نص مائل.

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

مثال 2:

<h1>هذا عنوان</h1> <h2>هذا عنوان فرعي</h2>

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

هذا عنوان

هذا عنوان فرعي


هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟


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

هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟


معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، <HTML>، <html> أو <HtMl> كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.

أين أضع كل هذه الوسوم؟


أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.

إذا انتقلت إلى الدرس اللاحق ستتمكن من إنشاء موقعك خلال عشر دقائق.

منقول للفائدة

[frame=10]يتبع[/frame]

[CENTER]13
[/CENTER]
[/CENTER]















تم تحرير الموضوع بواسطة :احمد عادل
بتاريخ:11-11-2011 11:10 صباحا


27-10-2011 12:39 مساء
مشاهدة مشاركة منفردة [1]
قادة332
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 27-10-2011
رقم العضوية : 172
المشاركات : 10
الجنس : ذكر
قوة السمعة : 15
 offline 
look/images/icons/i1.gif سلسلة دروس HTML ( الدرس الثالث: العناصر والوسوم )
شكرا جزيلا على هذه المواضيع الرائعة
بالتوفيق

10-11-2011 12:14 صباحا
مشاهدة مشاركة منفردة [2]
رشيد الوهراني
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 06-10-2011
رقم العضوية : 163
المشاركات : 348
الدولة : الجزائر
الجنس : ذكر
قوة السمعة : 207
 offline 
look/images/icons/i1.gif سلسلة دروس HTML ( الدرس الثالث: العناصر والوسوم )
شكرا جزيلا أخي الكريم

23-01-2012 12:04 مساء
مشاهدة مشاركة منفردة [3]
قويدر44444
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 23-01-2012
رقم العضوية : 254
المشاركات : 123
الجنس : ذكر
قوة السمعة : 106
 offline 
look/images/icons/i1.gif سلسلة دروس HTML ( الدرس الثالث: العناصر والوسوم )
شكرا لك




الكلمات الدلالية
سلسلة ، دروس ، HTML ، الدرس ، الثالث: ، العناصر ، والوسوم ،


 







الساعة الآن 06:55 صباحا