السبت , ديسمبر 9 2023

كود إدراج صورة بتنسيق HTML

لإدراج صورة بتنسيق 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 النص البديل للصورة ، والذي يتم عرضه إذا تعذر تحميل الصورة.

قناة كورسات اونلاين
اشترك في قناة كورسات
       

شاهد أيضاً

متصفح غوغل كروم

أسرار متصفح غوغل كروم يجب أن تعرفها Google Chrome

متصفح غوغل كروم Google Chrome هو متصفح ويب تم تطويره بواسطة Google. إنه متصفح سريع …

افضل بدائل برنامج ChatGPT

افضل بدائل برنامج ChatGPT 1. شينشيلا Chinchilla Chinchilla ، نموذج DeepMind آخر ، تم الترحيب …

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Sorry this site is not allow cut.
Sorry this site is not allow paste.
Sorry this site is not allow to inspect element.
Sorry this site is not allow to view source.