الجميع يعرف أكواد الصور ، وماتفعلة ، لكن هُناك من يحتاجها في تكويد القوالب

ولايعرف مايكتبة لتنفذ المطلوب من أدائها ، وهنا تأتي فائدة محتوى هذا الموضوع من معلومات قوية للصور في القوالب

ماهي أكواد الصور

أكواد الصور هي مجرد أكواد تساعدنا في وضع معايير للصورة كعرضها وطولها ورابطها والتحكم بها 

وهنا يجب علينا ان نركز في هذه الأكواد وسنوضح كل كود ماهي وظيفتة وكيف يتم أستخدامه بمنتهى الدّقة

لكن أولا يجب أن نشرح عملية كود الصور الأساسي وهي كالتالي

<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 ليست متخصصه بالصور فقط
بل هي تعمل على الجافا سكريبت وغيرها من الأكواد