صفحات الويب الملونة التي رأيتها اليوم كلها بسبب تأثيرات الصور. فكر في الأمر ، فإن صفحات الويب على الإنترنت كلها نص عادي ، وهو ممل للغاية ، وستعرف أهمية الصور في تصميم الويب. يمكن إدراج الصور في صفحات HTML. تنسيقات الصور شائعة الاستخدام على صفحات الويب هي JPEG و GIF:
JPEG (مجموعة خبراء التصوير الفوتوغرافي المشترك) هو تنسيق ملف غير عادي مصمم لصور الصور. JPEG يدعم ملايين الألوان. JPEG عبارة عن تنسيق ضياع الجودة ، مما يعني أن بعض بيانات الصورة قد فقدت أثناء الضغط ، مما يقلل من جودة الملف النهائي. ومع ذلك ، يتم تجاهل بيانات الصورة قليلاً جدًا ولن يكون هناك فرق كبير للغاية في الجودة.
تنسيق تبادل الرسوم GIF هو تنسيق شائع جدًا في صور الويب. على الرغم من أنه يشمل 256 لونًا فقط ، إلا أن GIF توفر خسارة ممتازة ، ولا يوجد أي فقدان لضغط الصورة تقريبًا. ويمكن أن تحتوي GIFs على مناطق شفافة ورسوم متحركة متعددة. إنه يضغط عن طريق مسح صفوف البكسل أفقياً للعثور على مساحة ملونة ثابتة ، ثم يقلل من عدد البكسلات في نفس المنطقة. لذلك ، عادة ما تكون GIF مناسبة للرسوم الكاريكاتورية والرسومات والشعارات والرسومات ذات المناطق الشفافة والرسوم المتحركة ، إلخ.
يمكن أن يؤدي إدخال الصور في الصفحة إلى تجميلها. لا يوجد سوى علامة واحدة لإدراج الصورة ، وهي علامة <img>. عند إدخال صورة ، لا يكفي فقط استخدام علامة <img> ، ويجب إكمالها بسمات أخرى ، كما هو موضح في الجدول التالي.
| ملكية | يصف |
|---|---|
| SRC | ملف مصدر الصورة |
| البديل | النص السريع |
| العرض ، الارتفاع | العرض ، الارتفاع |
| حدود | إطار |
| vspace | التباعد الرأسي |
| Hspace | التباعد الأفقي |
| محاذاة | ترتيب |
| Dynsrc | اضبط تشغيل ملف AVI |
| حلقة | قم بتعيين عدد مرات تشغيل ملف AVI LOOP |
| loopdelay | قم بتعيين تأخير تشغيل حلقة ملف AVI |
| يبدأ | اضبط طريقة تشغيل ملف AVI |
| lowsrc | قم بتعيين صور منخفضة الدقة |
| usemap | خريطة الصورة |
من خلال تحديد مسار ملف مصدر الصورة مع سمة SRC ، يمكن إكمال إدخال الصورة.
حدد المسار من خلال سمة SRC ، و file_name هو المسار لإدراج الصورة.
أدخل الصورة من خلال سمة SRC التي تحمل علامة <ficg>.
01 <!------------------------------>
02 <!-مثال ملف: 9-1.HTM->
03 <!-وصف الملف: أدخل الصورة->
04 <!------------------------------->
05 <html>
06 <head>
07 <TITLE> أدخل الصورة </title> 2 صفحة في المجموع السابقة الصفحة 12 الصفحة التالية