الجميع يعرف أكواد الصور ، وماتفعلة ، لكن هُناك من يحتاجها في تكويد القوالب
ولايعرف مايكتبة لتنفذ المطلوب من أدائها ، وهنا تأتي فائدة محتوى هذا الموضوع من معلومات قوية للصور في القوالب
ماهي أكواد الصور
أكواد الصور هي مجرد أكواد تساعدنا في وضع معايير للصورة كعرضها وطولها ورابطها والتحكم بها
وهنا يجب علينا ان نركز في هذه الأكواد وسنوضح كل كود ماهي وظيفتة وكيف يتم أستخدامه بمنتهى الدّقة
لكن أولا يجب أن نشرح عملية كود الصور الأساسي وهي كالتالي
<img src="myimage.jpg" alt="My Image">
الكود السابق هو الكود الأساسي لأي صورة عندما تريد إضافة صورة طبيعية أستعن بالكود السابق
والان سنوضّح بعض طرق الوظائف لأكواد الصور التي ستخدمنا في تكويد القوالب وهذه قائمة بوظائف أكواد الصور
وظائف أكواد الصور
| الوصف | بعض الوظائف |
|---|---|
| العنوان - عندما تضيف هذه الوظيفة سيظهر عنوان مُنبثق للصوره | Title |
| الأي دي - الرقم التعريفي للصوره ( يتم أنشائه تلقائياً ) | ID |
| الستايل - اذا كنت تريد اضافة بعض الأكواد التجميلية يمكنك من هذه الوظيفه | Style |
| عنوان الصورة في القالب HTML | Alt |
| الذهاب عبر الضغط لرابط الصورة | OnClick |
| اضافة ترجمة للصوره | Translate |
| استخدام الخريطة | IsMap |
| استخدام الخريطة | UseMap |
| عرض الصورة ( تضيف هذه الوظيفه لكود الستايل ) | Width |
| طول الصوره ( تضيف هذه الوظيفه لكود الستايل ) | Height |
| المسار للصوره ( ضع هنا المسار المُؤدي للصورة كرابط وغيره ) | Src |
بعض الأمثله لإستعمال وظائف أكواد الصور
<------------------------ الكود الأصلي------------------------>
<img src="myimage.jpg" alt="My Image">
<------------------------ التعديل على مسار وعرض وطول وعنوان الصوره------------------------>
<img
src="myimage.jpg"
alt="My Image"
width="100px"
height="50px">
<------------------------ التعديل على عنوان و ستايل الصوره ومسارها------------------------>
<img
src="myimage.jpg"
alt="My Image"
style="width:190px;height:79px;">
<----------------------------------------------------------------------------------->
وظائف أكواد الصور كثيرة فقط حدد الوظيفة التي تريدها وضعها في مكانها المناسب
فمثلاً الطول والعرض واللون يأتي كله في الستايل
وويجب أن تعرف بأن وظيفة Src ليست متخصصه بالصور فقط
بل هي تعمل على الجافا سكريبت وغيرها من الأكواد
وويجب أن تعرف بأن وظيفة Src ليست متخصصه بالصور فقط
بل هي تعمل على الجافا سكريبت وغيرها من الأكواد
شكرا لك
الإبتساماتإخفاء