HTML: لغة بناء صفحات الإنترنت للمبتدئين

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

في هذا المقال، سنشرح لك HTML بطريقة بسيطة ومباشرة، مع أمثلة عملية يمكنك تجربتها بنفسك.

ما هي HTML؟

HTML هي اختصار لـ HyperText Markup Language، أي لغة ترميز النص التشعبي.

تُستخدم لبناء هيكل الصفحة وتنظيم محتواها، مثل النصوص، العناوين، الصور، الروابط، القوائم، والجداول.

HTML ليست لغة برمجة، بل لغة ترميز تساعد المتصفح على عرض المحتوى بشكل منظم وواضح.

عناصر HTML الأساسية

تتكون صفحات HTML من عناصر، وكل عنصر يُكتب بين علامتين:


<tagname>المحتوى</tagname>

العلامة الافتتاحية <tagname>: تحدد بداية العنصر.
العلامة الختامية </tagname>: تحدد نهاية العنصر.
المحتوى: النص أو العناصر الأخرى داخل العلامة.

أمثلة عملية:

العناوين


<h1>عنوان رئيسي</h1>
<h2>عنوان فرعي</h2>

الفقرة


<p>هذه فقرة نصية في الصفحة.</p>

الروابط


<a href="https://www.example.com">زر الانتقال للموقع</a>

الصور


<img src="image.jpg" alt="وصف الصورة">

القوائم

قائمة مرتبة:


<ol>
  <li>البند الأول</li>
  <li>البند الثاني</li>
</ol>

قائمة غير مرتبة:


<ul>
  <li>البند الأول</li>
  <li>البند الثاني</li>
</ul>

هيكل صفحة HTML الأساسي

كل صفحة HTML تبدأ عادة بهذا الهيكل:


<!DOCTYPE html>
<html lang="ar">
  <head>
    <meta charset="UTF-8">    <title>عنوان الصفحة</title>  </head>  <body>    <h1>مرحبًا بك في HTML</h1>    <p>هذه فقرة نصية بسيطة.</p>  </body></html>

<!DOCTYPE html>: تعلن أن الصفحة مكتوبة بـ HTML5.
<html>: العنصر الرئيسي للصفحة.
<head>: يحتوي على معلومات الصفحة مثل العنوان ووصف المحتوى.
<body>: يحتوي على محتوى الصفحة الذي يظهر للزوار.

لماذا يجب تعلم HTML؟

الأساس لكل صفحة ويب: HTML هي نقطة البداية قبل CSS وJavaScript.
سهولة التعلم: مناسبة للمبتدئين تمامًا ولا تحتاج خبرة برمجية سابقة.
تطبيقات عملية مباشرة: يمكنك إنشاء صفحات بسيطة بسرعة.
مدخل لتعلم تطوير الويب الكامل: بعد إتقان HTML، يصبح تعلم CSS وJavaScript أسهل.

خلاصة

HTML هي الهيكل الأساسي لأي موقع ويب.

بتعلم عناصر HTML وهيكل الصفحة، يمكنك البدء بإنشاء صفحات بسيطة، ثم تطويرها لتصبح جذابة وتفاعلية باستخدام CSS وJavaScript.

💡 للتطبيق العملي: شاهد هذا الفيديو لتطبيق كل ما تعلمته خطوة بخطوة:

شاهد الفيديو الآن

HTML: لغة بناء صفحات الإنترنت للمبتدئين