korsat.de | قناة كورسات التعليمية – كورسات اونلاين korsat.de | قناة كورسات التعليمية – كورسات اونلاين
لإدراج صورة بتنسيق HTML ، يمكنك استخدام علامة <img> مع سمة src لتحديد عنوان URL لملف الصورة. هذا مثال:
رمز النسخ
<img src = “https://example.com/image.jpg” alt = “مثال على الصورة”>
في هذا المثال ، تحدد السمة src عنوان URL لملف الصورة ، وتوفر السمة alt نصًا بديلاً للصورة .
يمكنك أيضًا تحديد سمات أخرى لعلامة <img> ، مثل العرض والارتفاع والعنوان والنمط للتحكم في مظهر وسلوك الصورة. فيما يلي مثال مع بعض السمات الإضافية:
<img src = “https://example.com/image.jpg” alt = “مثال على الصورة” width = “500” height = “300” title = “انقر للتكبير” style = “border: 1px أسود؛” >
في هذا المثال ، تحدد سمات العرض والارتفاع حجم الصورة بالبكسل ، وتوفر سمة العنوان تلميحًا عندما يقوم المستخدم بالمرور فوق الصورة ، وتعين سمة النمط حدًا حول الصورة.
كود إدراج صورة بتنسيق HTML
أدخل كود الصورة html
نفاذية
لإدراج صورة بتنسيق HTML ، يمكنك استخدام علامة <img>. تحدد السمة src الخاصة بالعلامة <img> عنوان URL للصورة. فيما يلي مثال على مقتطف الشفرة:
<! DOCTYPE html>
<html>
<head>
<title> إدراج صورة </ title>
</head>
<الجسم>
<h1> صورتي </ h1>
<img src = “image.jpg” alt = “صورتي”>
</body>
</html>
في هذا المثال ، تم تعيين السمة src الخاصة بعلامة <img> على “image.jpg” ، وهو عنوان URL لملف الصورة. تحدد سمة alt النص البديل للصورة ، والذي يتم عرضه إذا تعذر تحميل الصورة.
