تعرف على كيفية إنشاء موقع الويب الخاص بك باستخدام HTML5 و CSS3


الدرس: التطبيق


الصفحة السابقة

هل فهمت آخر الدروس؟ سنقوم في هذا التطبيق باختبار قصير يلخص ما رايناه في الدروس السابقة

المطلوب:


  • انشاء صفحة واب يكون عنوانها "شغفي بالحيوانات"
  • ضع الترميز utf-8
  • ضع اتجاه الكتابة في جسم الصفحة من اليمين الى اليسار
  • أضف لها عنوان من المستوى 1
  • بعد العنوان ، أضف فقرة تقول "هذه هي حيواناتي المفضلة:"
  • أضف قائمة مرتبة تضم ثلاثة من حيواناتك المفضلة على الأقل
  • سلط الضوء على أول حيوان في القائمة باستعمال التركيز القوي (strong emphasis)

النتيجة النهائية تكون هكذا :

 page web

الحل المقترح:



  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8" /> <!-- الترميز -->
      <title>شغفي بالحيوانات</title> <!-- عنوان الصفحة-->
    </head>
  
    <body dir="rtl"> <!-- اتجاه الكتابة في جسم الصفحة من اليمين الى اليسار-->
      
      <h1>هذه اهم حيواناتي </h1> <!--عنوان من المستوى 1 -->
      <p> هذه هي حيواناتي المفضلة:</p> <!-- أضف فقرة تقول "هذه هي حيواناتي المفضلة:"-->
      <ol> <!--قائمة مرتبة  -->
        <li><em>القط</em></li> <!--	سلط الضوء على أول حيوان--> 
        <li>الكلب</li>
        <li>الحصان</li>
      </ol>
    </body>
  </html>