اكتشف ما هي HTML وتعلّم كيف تميّز الوسم من الخاصية.
افتح هذا الدرس في Kodokonعندما تزور موقعًا إلكترونيًا على هاتفك أو حاسوبك، فأنت تستخدم متصفحًا: البرنامج الذي يعرض صفحات الويب (Chrome وFirefox وSafari...). ولكي يعرف المتصفح ما الذي يجب عرضه، فإنه يقرأ مستندًا مكتوبًا بلغة HTML. الاسم HTML اختصار لـ HyperText Markup Language. وهي ليست لغة برمجة: فهي لا تُجري أي حساب. إنها لغة وصف تُخبر المتصفح بماهية كل جزء من المحتوى: "هذا عنوان"، "هذه فقرة"، "هذه صورة".
لوصف المحتوى، تستخدم HTML الوسوم. الوسم كلمة مفتاحية توضع بين القوسين الزاويّين < و>. ومعظم الوسوم تعمل ثنائيًّا: وسم فتح مثل <p>، ثم المحتوى، ثم وسم إغلاق مطابق يسبقه شرطة مائلة: </p>. ويُسمّى المجموع "وسم الفتح + المحتوى + وسم الإغلاق" عنصرًا. والاسم p اختصار لكلمة paragraph أي فقرة.
<p>Hello!</p>
<p>This is my first paragraph.</p>
<p>The text goes between the two tags.</p>يمكن أن يحمل الوسم معلومات إضافية تُسمّى الخصائص. توضع الخاصية دائمًا داخل وسم الفتح، لا داخل وسم الإغلاق أبدًا. وتُكتب بالصيغة name="value": اسم الخاصية، ثم علامة يساوي، ثم القيمة بين علامتَي تنصيص مزدوجتين. مثلًا، الخاصية lang تُحدّد لغة المحتوى، والخاصية id تمنح العنصر معرّفًا فريدًا.
<p lang="fr">Un paragraphe écrit en français.</p>
<p lang="en">A paragraph written in English.</p>
<p id="conclusion">A paragraph with an identifier.</p>