random
أخبار ساخنة

دروس HTML الدرس الثانى

دروس HTML الدرس الثانى  

العناصر والوسوم

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

دروس HTML الدرس الثانى




العناصر والوسوم

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

العناصر ...

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

الوسوم ؟

شرح للوسوم (tags) في الأعلى

  • <DOCTYPE html!> الإعلان عن أن هذه المستند أو الصفحة هو مستند HTML5
  • <html> هو العنصر الجذر في صفحة HTML والذي تكتب بداخلة باقي العلامات
  • <head> العنصر الذي يحتوي معلومات الميتا عن الصفحة
  • <title> العنصر الذي يخصص عنوان الصفحة
  • <body> وهو جسم الصفحة والذي يحتوي على المحتوى المرئي في الصفحة
  • <h1> عنصر يعرف عنوان الموضوع بخط كبير
  • <p> عنصر يعرف بداخلة نص الموضوع


وسوم HTML

تبدأ وسوم HTML بأسماء عناصر محاطة ب أقواس زاوية "<, >" :
<tagname/ >المحتوى هنا...<tagname>
  •  تأتي عادةً وسوم HTML في أزواج مثل: <p>  و </p>
  • أول وسم هو وسم البداية, وثاني وسم هو وسم النهاية
  • يكتب وسم النهاية مثل وسم البداية ولكن مع إضافة خط مائل <p/>



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

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

<br />.

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

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

كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن
  تعتاد على كتابة الوسوم بالأحرف الصغيرة.

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


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


انتظرونا ...

لا تنسوا الاشتراك فى القائمة البريدية ...
لتصلكم المقالات الجديدة فور نشرها  ...
ومتابعتنا على مواقع التواصل الاجتماعى 







google-playkhamsatmostaqltradent