الهيكل الأساسي لـ HTML

جزء من قسم الأساسيات في رحلة HTML على Coddy. الدرس 2 من 60.

يتبع كل مستند HTML بنية بسيطة.

يبدأ بـ <!DOCTYPE html>، الذي يخبرنا بإصدار HTML الذي نستخدمه.

يليه الوسم <html>، الذي يحتوي على كل محتوى HTML.

داخل الوسم <html>، نضيف الوسم <body>، الذي يحتوي على كل المحتوى المرئي لصفحة الويب.

إليك مثالًا بسيطًا:

<!DOCTYPE html>
<html>
    <body>
        This is some text.
    </body>
</html>

في هذا المثال، سيُعرض النص الموجود داخل الوسم <body> كنص على صفحة الويب.

التحدي

سهل

استبدل REPLACE THIS TEXT داخل وسم <body> بجملة من اختيارك، على سبيل المثال:

To Infinity And Beyond!

يكفي نص عادي: بلا وسوم أو علامات اقتباس. احذف السطر REPLACE THIS TEXT بالكامل واكتب جملتك مكانه.

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- استبدل السطر أدناه بأي جملة -->
        REPLACE THIS TEXT
    </body>
</html>

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس الأساسيات

1أساسيات HTML

4بطاقة وصفة

7صفحة الملف الشخصي

10الجداول

2النصوص والتنسيق

5إضافة المحتوى

8النماذج والمدخلات - الجزء الأول

11صفحة التسجيل في الفعالية

3التعامل مع القوائم

6تخطيط الصفحة

9النماذج والمدخلات - الجزء الثاني

12التحديات النهائية

تدرّب بنفسك: Playground لـ Web