Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

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

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

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

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

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

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

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

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

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

challenge icon

التحدي

سهل

لقد تم تزويدك بالكود الأساسي لصفحة HTML. ضع النص التالي داخل وسم <body>:

To Infinity And Beyond!

لاحظ أن كل شيء حساس لحالة الأحرف. على سبيل المثال:

To Infinity And Beyond!
to infinity and beyond!

هما شيئان مختلفان (لاحظ الحروف الكبيرة في السطر الأول).

ورقة مرجعية

يتبع كل مستند HTML بنية أساسية:

  • <!DOCTYPE html> - يعلن عن إصدار HTML
  • <html> - يحتوي على جميع محتويات HTML
  • <body> - يحتوي على جميع محتويات صفحة الويب المرئية

بنية HTML الأساسية:

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

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- ضع النص أدناه -->

    </body>
</html>
quiz iconاختبر نفسك

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

جميع دروس Fundamentals