السلام عليكم ورحمة الله وبركاته
اهلا بكم اعضاء وزور الاكادمية الكرام
اليوم وكالموعود اتيكم بالدرس الثاني لـتعلم التكويد والبرمجة
الدرس بعنوان " ما هيآلعناصر والوسوم"
الدرس السابق
اضغط هنا
---
الان تملك ما تحتاج لانشاء عينة او صفحه تجربة بأتسخدام الـHTML
ستحتاج ان تعرف العناصر والوسوم ما هي يا ترى ؟
لعناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.
اذا ما هي الوسوم 
الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.
كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: ثم وسم الإغلاق . الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.
بعض الأمثلة؟
حسناً، العنصر
- الكود:
-
em
يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية
- الكود:
-
<em>
ووسم الإغلاق
- الكود:
-
</em>
ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)
المثال 1:
- الكود:
-
[center][/center]
[center] <em>نص مائل.</em>[/center]
[center] [/center]
سيظهر بهذا الشكل في المتصفح:
نص مائل.
العناصر
- الكود:
-
h1
،
- الكود:
-
h2
،
- الكود:
-
h3
،
- الكود:
-
h4
،
- الكود:
-
h5
و
- الكود:
-
h6
تستخدم للعناوين (حرف h هو اختصار "heading"), حيث
- الكود:
-
h1
هو المستوى الأول من العناوين وبالتالي الأكبر حجماً،
- الكود:
-
h2
يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، و
- الكود:
-
h6
هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.
مثال 2:
- الكود:
-
[center][/center]
[center] <h1>هذا عنوان</h1>[/center]
[center] <h2>هذا عنوان فرعي</h2>[/center]
[center] [/center]
ستظهر بهذا الشكل في المتصفح:
هذا عنوان
هذا عنوان فرعي
هل انت بحاجة الى استغدام وسم بداية واغلاق؟ 
كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل:
- الكود:
-
<br />
.
هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟
معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، ، أو كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.
أين أضع كل هذه الوسوم؟
أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.
في الدرس القادم ستسطيعون انشاء صفحتكم الاولى ان شاء الله ^^
اتمنى منكم تقييم الدرس وايضا لا تنسو (+1) الدرس متعوب عليه 
انتظرو الدرس القادم
تحياتي ^^
