الصور تختلف استخداماتها لكن كل ما يهم كيف تبدا كتابة الكود لوضع صورة في الكود الذي تعمل عليه. هنا اضع لكم بعض الامثلة بامكانكم استخدامها
لتجربة كيف تعمل هذه الاكواد, الرجاء قم بنسخها وثم وضعها في مربع التطبيق بالاسفل لترى كيف تكون الصورة
مثال على الصور
<!-- عمل كل اداة داخل التاق
هذه الاداة تكون لحجم عرض الصورة وتستطيع تغير الرقم فقط دون الحاجة لعمل اي شيء :width="500"
هذه الاداة تكون لحجم طول الصورة وتستطيع تغير الرقم فقط دون الحاجة لعمل اي شيء :height="277"
!-->
<img src="/images/spa.png" alt="Programming" width="500" height="277"></a>
<!-- يعرض الصورة اتوماتيك !-->
<img src="/images/spa.png" alt="Programming">
<!-- هذا الكود يحدد لك كم ترغب بان يكون العرض و الطول للصورة !-->
<img src="/images/spa.png" alt="Programming" width="500" height="277">
<!-- هذا الكود يضيف لك خاصية الضغط على الصورة لفتح رابط او ماشابه!-->
<a href="https://majidacademy.azurewebsites.net">
<img src="/images/spa.png" alt="Programming" width="500" height="277"></a>