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

الصفحات

HTML

أساسيات HTML للمبتدئين

محمد دوس
(0)

أساسيات HTML للمبتدئين

HTML (HyperText Markup Language) هي لغة توصيف النصوص المستخدمة في إنشاء وتصميم صفحات الويب. تعتمد HTML على عناصر تسمح بترتيب المحتوى وتنظيمه في الصفحة، مثل العناوين، الفقرات، الروابط، الصور، الجداول، وغير ذلك. في هذا المقال، سنتناول أهم أساسيات HTML وكيفية استخدام بعض العناصر الأساسية لإنشاء صفحة ويب بسيطة.

ما هو HTML؟

HTML هو أساس بناء صفحات الويب، حيث يتم استخدامه لوصف هيكل الصفحة. يتكون HTML من مجموعة من العلامات (tags) التي يتم استخدامها لتحديد نوع العناصر في الصفحة، مثل النصوص والصور والروابط.

علامات HTML الأساسية

تتكون صفحة HTML من عناصر أساسية، مثل:

  • العناوين: يتم استخدام عناصر العناوين <h1> إلى <h6> لتحديد أهمية العناوين.
  • الفقرات: يتم استخدام العنصر <p> لإنشاء فقرات نصية.
  • الروابط: يتم استخدام العنصر <a> لإنشاء روابط إلى صفحات أخرى.
  • الصور: يتم استخدام العنصر <img> لعرض الصور في الصفحة.

مثال على صفحة 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. HTML هو أساس بناء صفحات الويب.</p>

                <h2>ماذا يمكنني أن أفعله باستخدام HTML؟</h2>

                <ul>

                    <li>إنشاء عناوين من مستويات مختلفة.</li>

                    <li>إضافة فقرات نصية.</li>

                    <li>إدراج روابط لصفحات ويب أخرى.</li>

                    <li>إضافة صور إلى صفحاتك.</li>

                </ul>

                <h3>مثال على صورة:</h3>

                <img src="https://www.example.com/image.jpg" alt="صورة مثالية" width="300">

                <h3>رابط إلى موقع آخر:</h3>

                <p>لزيارة موقع <a href="https://www.example.com" target="_blank">مثال على موقع</a>.</p>

                <footer>

                    <p>© 2024 تعلم HTML. جميع الحقوق محفوظة.</p>

                </footer>

            </body>

            </html>

شرح الكود:

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

خاتمة:

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

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

تعليقات

إرسال تعليق

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