مقدمة في شرح الوسوم في لغة html ووظائفها


سبق لنا و أن ذكرنا أن لغة html  هي حجر الأساس في إنشاء صفحات الويب وبناء المواقع ، وذكرنا أيضا أن لغة html  تعتمد في بناءها علي ما يعرف بالوسوم (tags) .

الوسم يكتب  بين علامتي اكبر من  (>) و أصغر من (<)وتسمي ايضا أقواس الزاوية مثال <body> </body>

الوسوم غالبا تأتي في أزواج، وسم البدء ( < opening tag>  ) ووسم الإغلاق ( </closing tag >)

الفرق بين وسم البدء والإغلاق هو أن الرمز الأول في وسم الإغلاق هو الرمز المائل "/"

لماذا تستخدم الوسوم؟


يتم استخدام الوسوم لفصل التعليمات البرمجية الخاصة بلغة html  عن النص العادي
بمعني أن الوسم هوالوسيلة  التي توضح للمتصفح  كيفية وطريقة  عرض العنصر
أي أنه سيقوم بعرض المحتوي  الموجود بين وسمي البدء والإغلاق فقط دون عرض الوسم نفسه
علي سبيل المثال :-

 <p> بسم الله الرحمن الرحيم </p>  

هذه الكود ثلاث اقسام وسم بدء ، ووسم إغلاق ومحتوي عند قراءة المتصفح للكود سيتم عرض المحتوي فقط وهو جملة * بسم الله الرحمن الرحيم *

قاعدتين هامتين لإستخدام الوسوم !



  • يجب عليك دائما كتابة الوسم بين هاتين العلامتين (<)(>)

لغات البرمجة كثيرة وكلها تستخدم العلامات وكل لغة برمجة لها طريقة خاصة في استخدام العلامات  في لغة html لا تحاول إستخدام أي علامة أخري لتعريف الوسم غير قوسي الزاوية ، و إلا فإن المتصفح لن يكون قادرا علي فهم التعليمات البرمجية الخاصة بك .
  • كما ذكرنا الوسوم تأتي غالبا في أزواج

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

هناك العديد من محررات النصوص تضيف تلقائيا وسم الإغلاق ، ولكن من الأفضل ان تبدأ في التعود علي كتابة الوسوم يدويا. 

أفضل طريقه للقيام بذلك هي كتابه علامة الافتتاح أولا ، ثم علامة الإغلاق ثانيا ، ثم أضافه المحتوي بينهما.


مثال بسيط للتوضيح


هذه وثيقة html  بها بعض الوسوم للتوضيح


<!DOCTYPE html>

<html>

<head>
<title>اسم الموقع </title>
</head>

<body>

<h1>عنوان رئيسي </h1>
<p/>عرض المحتوي كنص عادي<p>
</a> عرض المحتوي كإرتباط تشعبي <"#"=a href >

</body>

</html>