عناصر HTML مقدمة بسيطة وشرح الوسوم المستخدمة فيها


عناصر HTML مقدمة بسيطة وشرح الوسوم المستخدمة فيها , ملفات HTML هي ملفات نصية مكونة من عناصر HTML. عناصر الـ HTML تحدد وسوم HTML المستخدمة.

وسوم HTML

* وسوم HTML تستخدم لتعليم عناصر الـ HTML.
* وسوم الـ HTML يتم أحاطتها برمزين هما < و > .
* رموز المحيطة بكود الـ HTML، تدعى أقواس الفئة.
* وسوم الـ HTML العادية تكتب بشكل مزدوج كما بالشكل التالي:

<b>هذا هو شكل الوسم</b>

* الوسم الأول هو وسم بداية الكود، و الوسم الثاني هو وسم إغلاق الكود.
* النص الموجود بين وسم البداية و وسم الإغلاق هو محتويات العنصر.
* وسوم الـ HTML غير حساسة لحالة الأحرف، بمعنى أن الوسم <b> هو ذاته الوسم <B> .

عناصر الـ HTML

بالرجوع للمثال الموجود في هذا المقال :

أساسيات HTML

<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
هذه هي أول صفحة نقوم بتصميمها. <b>ما رأيكم هل نجحنا ؟</b>
</body>
</html>

هذا هو عنصر الـ HTML:

<b>ما رأيكم هل نجحنا ؟</b>

عنصر الـ HTML يبدأ مع وسم البداية ثم محتويات عنصر الـ HTML و هي في ذلك المثال ” ما رأيكم هل نجحنا ؟ ” ثم إغلاق الوسم بوسم الإغلاق </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
مشوش
لطيف لطيف
0
لطيف
عبقري عبقري
1
عبقري
فرح فرح
1
فرح
رائع رائع
2
رائع
غاضب غاضب
0
غاضب
محزن محزن
0
محزن
اشتراك
نبّهني عن
0 تعليقات
Inline Feedbacks
View all comments
0
أحب أفكارك ، يرجى التعليقx
()
x