عناصر الـ HTML
عناصر الـ HTML
ملفات HTML هي ملفات نصية مكونة من عناصر HTML. عناصر الـ HTML تحدد وسوم HTML المستخدمة.
وسوم HTML
* وسوم HTML تستخدم لتعليم عناصر الـ HTML.
* وسوم الـ HTML يتم أحاطتها برمزين هما < و > .
* رموز المحيطة بكود الـ HTML، تدعى أقواس الفئة.
* وسوم الـ HTML العادية تكتب بشكل مزدوج كما بالشكل التالي:
<b>هذا هو شكل الوسم</b>
* الوسم الأول هو وسم بداية الكود، و الوسم الثاني هو وسم إغلاق الكود.
* النص الموجود بين وسم البداية و وسم الإغلاق هو محتويات العنصر.
* وسوم الـ HTML غير حساسة لحالة الأحرف، بمعنى أن الوسم <b> هو ذاته الوسم <B> .
عناصر الـ HTML
بالرجوع للمثال الذي درسناه في الفصل السابق:
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
هذه هي أول صفحة نقوم بتصميمها. <b>ما رأيكم في هذا النص العريض ؟</b>
</body>
</html>
هذا هو عنصر الـ HTML:
<b>ما رأيكم في هذا النص العريض ؟</b>
عنصر الـ HTML يبدأ مع وسم البداية <b> ثم محتويات عنصر الـ HTML و هي في ذلك المثال " ما رأيكم في هذا النص العريض ؟ " ثم إغلاق الوسم بوسم الإغلاق </b>.
الغرض من الوسم <b> هو تحديد عنصر الـ HTML الواجب عرضه كنص عريض.
و هذا أيضاً يعد عنصر HTML:
<body>
هذه هي أول صفحة نقوم بتصميمها. <b>ما رأيكم في هذا النص العريض ؟</b>
</body>
هذا العنصر يبدأ مع وسم البداية <body> و ينتهي مع وسم النهاية </body>.
الغرض من هذا الوسم تحديد عناصر الـ HTML الموجودة داخل جسم ملف الـ HTML .
لماذا نستخدم الحروف الصغيرة في الوسوم؟
منذ دقائق معدودة قلنا أن وسوم HTML غير حساسة لحالة الأحرف و هذا يجعل الوسم <b> يعني نفسه الوسم <B>.
و عند تصفحك للمواقع العديدة التي تقوم بشرح دروس الـ HTML سوف تلاحظ أن غالبية تلك المواقع تستخدم الحروف الكبيرة لكتابة وسوم الـ HTML في شرح أمثلتها... و قد تتساءل لماذا نستخدم نحن الحروف الصغيرة؟
الإجابة بسيطة جداً... و هو إذا كنت تريد أن تجهز نفسك و تعدها لأن تتعامل مع الأجيال القادمة من HTML يجب عليك أن تستخدم الحروف الصغيرة للوسوم.
فجمعية World Wide Web Consortium " W3C " توصي باستخدام الحروف الصغيرة في كتابة الوسوم ضمن توصياتها لـ HTML 4 و إصدارة XHTML تتطلب استخدام الحروف الصغيرة.
سمات الوسم
الوسوم يمكن أن تحتوي على سمات، تلك السمات تزودنا بمعلومات إضافية حول عناصر الـ HTML في صفحتك.
الوسم الذي يحدد عنصر الجسم في صفحتك هو: الوسم <body>. و بإضافة السمة bgcolor تستطيع أن تخبر المتصفح أن لون الخلفية لصفحتك هو اللون الأحمر كما بالمثال التالي:
<body bgcolor="red">
الوسم الذي يحدد الجداول في ملف الـ HTML هو: الوسم <table>. و بإضافة السمة border يمكنك أن تخبر المتصفح أن هذا الجدول بدون حدود كما بالمثال التالي:
<table border="0">>
السمات دائماً تأتي على شكل أسم أو قيمة و سواء كانت أسم أو قيمة فكلاهما تأخذ الشكل التالي:
name="value"
السمات دائماً يتم إضافتها في وسم البداية لعنصر الـ HTML.
نمط الأقواس
قيمة السمة دائماً يجب أحاطتها بأقواس الاقتباس " علامات التنصيص " أقواس الاقتباس المزدوجة هي الأكثر شيوعاً... و لكن هذا لا يمنع استخدام الأقواس المفردة.
في بعض الحالات النادرة مثل أن تكون قيمة السمة تحتوي على علامة اقتباس يكون من الضروري استخدام علامات الاقتباس المفردة.
التعليقات (0)
لايوجد لديك حساب في عالم البرمجة؟
تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !