استوديو الذكاء الاصطناعي

عطني كود html

  1. أنت

    عطني كود html

  2. النموذج

    إليك مثال بسيط لملف HTML أساسي يحتوي على هيكل الصفحة وعنوان بسيط:

    <!DOCTYPE html>
    <html lang="ar" dir="rtl">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>صفحتي الأولى</title>
    </head>
    <body>
        <header>
            <h1>مرحباً بكم في موقعي</h1>
            <nav>
                <ul>
                    <li><a href="#">الرئيسية</a></li>
                    <li><a href="#">من نحن</a></li>
                    <li><a href="#">تواصل معنا</a></li>
                </ul>
            </nav>
        </header>
    
        <main>
            <section>
                <h2>عن الموقع</h2>
                <p>هذا نص تجريبي لصفحة HTML بسيطة. يمكنك تعديل المحتوى حسب احتياجاتك.</p>
            </section>
        </main>
    
        <footer>
            <p>&copy; 2024 جميع الحقوق محفوظة.</p>
        </footer>
    </body>
    </html>
    

    ملاحظات:

    • lang="ar" و dir="rtl" لجعل الصفحة تدعم العربية واتجاهها من اليمين لليسار.
    • يمكنك حفظ الكود في ملف باسم index.html وفتحه في المتصفح.

    هل تريد إضافة شيء معين؟ مثل:

    • تصميم CSS؟
    • جافاسكربت؟
    • نماذج (Forms)؟
    • جداول أو صور؟

    أخبرني بالتفاصيل وسأعدّل الكود لك!