القائمة الرئيسية

الصفحات

HTML

الدرس الأول: مقدمة إلى HTML

محمد دوس
(0)
مقدمة إلى HTML

الدرس الأول: مقدمة إلى HTML

ما هو HTML؟

HTML هو اختصار لـ HyperText Markup Language (لغة توصيف النص التشعبي). وهي لغة تستخدم لإنشاء صفحات الويب، وتنظيم المحتوى داخل هذه الصفحات باستخدام العناصر (Tags).

أساسيات HTML

HTML يتكون من مجموعة من العناصر (Tags)، وكل عنصر يبدأ بعلامة البداية <tag> وينتهي بعلامة النهاية </tag>. هذه العناصر تُستخدم لتحديد محتوى الصفحة مثل النصوص، الصور، الروابط، القوائم، وغيرها.

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

كل صفحة HTML تتكون من هيكل أساسي يتضمن ثلاثة أقسام رئيسية:

  1. المستند (Document): يُبدأ دائمًا بعنصر <!DOCTYPE html> للإشارة إلى أن هذه صفحة HTML.
  2. العنوان (Head): يحتوي على معلومات حول الصفحة مثل العنوان والروابط للملفات الخارجية مثل CSS.
  3. الجسم (Body): يحتوي على المحتوى الفعلي الذي يُعرض على الصفحة.

مثال بسيط على صفحة HTML:


        

            <!DOCTYPE html>

            <html lang="ar">

            <head>

                <meta charset="UTF-8">

                <meta name="viewport" content="width=device-width, initial-scale=1.0">

                <title>مقدمة إلى HTML</title>

            </head>

            <body>

                <h1>أهلاً بكم في دورة HTML</h1>

                <p>هذه أول صفحة HTML نقوم بإنشائها!</p>

            </body>

            </html>

شرح الكود:

  • <!DOCTYPE html>: يحدد أن هذه الصفحة هي صفحة HTML.
  • <html lang="ar">: يحدد أن اللغة المستخدمة في الصفحة هي اللغة العربية.
  • <head>: يحتوي على المعلومات الوصفية للصفحة مثل meta tags وعنوان الصفحة.
  • <meta charset="UTF-8">: يحدد ترميز الأحرف ويضمن عرض النصوص العربية بشكل صحيح.
  • <title>: يحدد عنوان الصفحة الذي يظهر في شريط العنوان في المتصفح.
  • <body>: يحتوي على المحتوى الفعلي للصفحة الذي يظهر للمستخدم.
  • <h1>: هو عنوان رئيسي للصفحة، وهو أكبر وأهم من العناوين الأخرى.
  • <p>: هو عنصر الفقرة ويُستخدم لكتابة نصوص.

الخلاصة:

في هذا الدرس تعلمنا أساسيات HTML، بما في ذلك الهيكل الأساسي للصفحة واستخدام بعض العناصر الأساسية مثل العناوين والفقرات. في الدروس القادمة، سنتعرف على المزيد من العناصر مثل الروابط، الصور، القوائم، والجداول.

أخر المواضيع من قسم : HTML

تعليقات

إرسال تعليق

أترك بصمتك بتعليق على مدونة التربية و التعليم