مقدمة في HTML

تاريخ الرفع : منذ 4 أشهر آخر تحديث : منذ 4 أشهر beginner

ابدأ الاختبار

ابدأ الاختبار

ما هو 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>.

أسئلة شائعة

ماذا تعني HTML؟
HyperText Markup Language (لغة ترميز النص التشعبي) — «نص تشعبي» لأن الصفحات ترتبط ببعضها، و«ترميز» لأنك تضع وسومًا حول النص.
هل HTML لغة برمجة؟
ليست كذلك بالمعنى التقليدي: لا تحتوي منطقًا ولا متغيّرات. إنها لغة ترميز تصف البنية.
أي متصفح أستخدم؟
أي متصفح حديث يفي بالغرض — Chrome أو Firefox أو Edge أو Safari تعرض HTML القياسي بالطريقة نفسها.

جاهز للخطوة التالية؟

بعد أن عرفت ما هو HTML، تعلّم العناصر الأساسية التي ستستخدمها يوميًا.

تابع إلى أساسيات HTML
Insert your text here
Link

Watch out

Call out a common mistake or gotcha.

// your code here
First question?
Answer to the first question.
Second question?
Answer to the second question.

التعليقات