مقدمة في شرح الوسوم في لغة html ووظائفها سبق لنا و أن ذكرنا أن لغة html هي حجر الأساس في إنشاء صفحات الويب وبناء المواقع ، وذكرنا...
مقدمة في شرح الوسوم في لغة html ووظائفها
سبق لنا و أن ذكرنا أن لغة html هي حجر الأساس في إنشاء صفحات الويب وبناء المواقع ، وذكرنا أيضا أن لغة html تعتمد في بناءها علي ما يعرف بالوسوم (tags) .
الوسم يكتب بين علامتي اكبر من (>) و أصغر من (<)وتسمي ايضا أقواس الزاوية مثال <body> </body>
الوسوم غالبا تأتي في أزواج، وسم البدء ( < opening tag> ) ووسم الإغلاق ( </closing tag >)
الفرق بين وسم البدء والإغلاق هو أن الرمز الأول في وسم الإغلاق هو الرمز المائل "/"
يتم استخدام الوسوم لفصل التعليمات البرمجية الخاصة بلغة html عن النص العادي
بمعني أن الوسم هوالوسيلة التي توضح للمتصفح كيفية وطريقة عرض العنصر
أي أنه سيقوم بعرض المحتوي الموجود بين وسمي البدء والإغلاق فقط دون عرض الوسم نفسه
علي سبيل المثال :-
<p> بسم الله الرحمن الرحيم </p>
هذه الكود ثلاث اقسام وسم بدء ، ووسم إغلاق ومحتوي عند قراءة المتصفح للكود سيتم عرض المحتوي فقط وهو جملة * بسم الله الرحمن الرحيم *
هناك العديد من محررات النصوص تضيف تلقائيا وسم الإغلاق ، ولكن من الأفضل ان تبدأ في التعود علي كتابة الوسوم يدويا.
أفضل طريقه للقيام بذلك هي كتابه علامة الافتتاح أولا ، ثم علامة الإغلاق ثانيا ، ثم أضافه المحتوي بينهما.
<html>
<head>
<title>اسم الموقع </title>
</head>
<body>
</html>
الوسم يكتب بين علامتي اكبر من (>) و أصغر من (<)وتسمي ايضا أقواس الزاوية مثال <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 >
<p/>عرض المحتوي كنص عادي<p>
</a> عرض المحتوي كإرتباط تشعبي <"#"=a href >
</body>
</html>
التعليقات