مقدمة في HTML
ابدأ الاختبار
ما هو HTML؟
لغة HTML (لغة ترميز النص التشعبي) هي اللغة المعيارية للويب. إنها لا «تبرمج» شيئًا، بل تصف بنية الصفحة ومعناها باستخدام وسوم صغيرة تُسمى العناصر.
لغات الويب الثلاث
تُبنى معظم المواقع من ثلاث طبقات متكاملة. يأتي HTML أولًا، فهو الهيكل الذي يعتمد عليه كل ما سواه.
- HTML — يبني المحتوى: العناوين والفقرات والصور والروابط.
- CSS — ينسّق المحتوى: الألوان والمسافات والتخطيط والخطوط.
- JavaScript — يضيف السلوك: النقرات والحركات والبيانات.
أوّل مستند HTML لك
تبدأ كل صفحة من الهيكل نفسه. اكتبه في ملف، واحفظه باسم index.html، ثم افتحه في أي متصفح.
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحبًا بالعالم!</h1>
<p>هذه أول صفحة ويب لي.</p>
</body>
</html>لا حاجة إلى أي تثبيت
تحتاج فقط إلى محرّر نصوص ومتصفح. لا خادم ولا أدوات بناء — احفظ الملف وانقر عليه نقرًا مزدوجًا.
تشريح العنصر
تمتلك معظم العناصر وسمًا افتتاحيًا، ومحتوى، ووسمًا ختاميًا. يقرأ المتصفح الوسوم ليعرف ماهيّة كل جزء من المحتوى.
<p>هذه فقرة.</p>
<!-- وسم افتتاحي، محتوى، وسم ختامي -->أغلِق وسومك
يجب إغلاق معظم العناصر (<p>…</p>). وبعضها «ذاتي الإغلاق» ويقف وحده مثل <img> و<br>.