یہ پوسٹ یو آر ایل سے تصویر کو شامل کرنے کے طریقہ کار کی مختصر وضاحت کرے گی۔
HTML/CSS میں URL سے تصویر کیسے شامل کی جائے؟
HTML/CSS میں، URL کا استعمال کرتے ہوئے تصویر شامل کرنے کے لیے دو طریقے دستیاب ہیں، جو ذیل میں درج ہیں۔
- طریقہ 1: HTML میں عنصر کا استعمال کرتے ہوئے تصویر شامل کریں۔
- طریقہ 2: HTML میں CSS پراپرٹیز کا استعمال کرتے ہوئے تصویر شامل کریں۔
طریقہ 1: عنصر کا استعمال کرکے تصویر شامل کریں۔
' عنصر ایک واحد باطل عنصر ہے جس میں کوئی چائلڈ مواد اور اختتامی ٹیگ نہیں ہے۔ ' src 'اور' سب کچھ ' دو کلیدی صفات ہیں جو ' ' ٹیگ کے اندر استعمال ہوتی ہیں۔
آئیے عنصر کا استعمال کرتے ہوئے تصویر شامل کرنے کے لیے ذیل میں دی گئی ہدایات کو دیکھیں!
مرحلہ 1: ایک div کنٹینر بنائیں
سب سے پہلے، 'کا استعمال کرکے ایک div کنٹینر بنائیں اگلا، 'سے مطلوبہ سرخی والا ٹیگ استعمال کریں۔ 'سے' 'ٹیگ۔ مثال کے طور پر، ہم اس کے بعد، ایک شامل کریں ' ” ٹیگ کریں اور امیج ٹیگ کے اندر درج ذیل صفات داخل کریں: ذیل میں دی گئی آؤٹ پٹ کے مطابق، مخصوص تصویر کامیابی کے ساتھ شامل کی گئی ہے: ڈویلپر سی ایس ایس کا استعمال کرتے ہوئے یو آر ایل سے تصویر بھی شامل کر سکتے ہیں۔ پس منظر کی تصویر سی ایس ایس۔ اس مقصد کے لیے، ذیل میں دیے گئے اقدامات پر عمل کریں۔ سب سے پہلے، اگلا، اب، ڈاٹ سلیکٹر کے ذریعے کلاس تک رسائی حاصل کریں۔ . اور کلاس کا نام جو پہلے بنایا گیا تھا۔ اس کے بعد، کلاس کے اندر یو آر ایل سے تصویر شامل کرنے کے لیے ذیل میں درج سی ایس ایس خصوصیات کا اطلاق کریں: اوپر فراہم کردہ کوڈ میں: آؤٹ پٹ آپ نے URL سے تصاویر شامل کرنے کے مختلف طریقوں کے بارے میں سیکھا ہے۔ یو آر ایل سے تصویر شامل کرنے کے لیے، ڈویلپر استعمال کر سکتے ہیں ' 'ٹیگ۔ پھر، داخل کریں ' src ' انتساب اور URL کو 'src' قدر کے طور پر تفویض کریں۔ مزید برآں، صارف سی ایس ایس کا استعمال کرکے یو آر ایل سے ایک تصویر شامل کرسکتا ہے۔ پس منظر کی تصویر ' جائیداد. اس تحریر نے HTML/CSS میں URL سے تصویر کو شامل کرنے کے طریقے بتائے ہیں۔
مرحلہ 2: سرخی داخل کریں۔
ٹیگ کا استعمال کریں گے اور مخصوص متن کو ابتدائی اور اختتامی ٹیگ کے اندر بطور سرخی شامل کریں گے۔
مرحلہ 3: URL کا استعمال کرتے ہوئے ایک تصویر شامل کریں۔
< div کلاس = 'img-container' >
< h2 > URL کے ساتھ تصویر شامل کریں۔ < / h2 >
< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' سب کچھ = 'تصویر!' اونچائی = '400px' چوڑائی = '300px' / >
< / div >
طریقہ 2: HTML میں CSS پراپرٹیز کا استعمال کرتے ہوئے تصویر شامل کریں۔
مرحلہ 1: سرخی داخل کریں۔
کھولنے اور بند کرنے والے ٹیگ کی مدد سے ایک سرخی کا متن داخل کریں۔
مرحلہ 2: div کنٹینر بنائیں
> URL کے ساتھ تصویر شامل کریں
>
مرحلہ 3: کنٹینر تک رسائی حاصل کریں۔
مرحلہ 4: 'بیک گراؤنڈ امیج' سی ایس ایس پراپرٹی کا استعمال کرتے ہوئے تصویر شامل کریں۔
اونچائی : 400px ;
چوڑائی : 250px ;
پس منظر کا سائز : پر مشتمل ;
پس منظر کی تصویر : یو آر ایل ( https : //تصاویر .pexels .com/photos/ 2260800 /pexels-photo- 2260800 .jpeg؟ آٹو = کمپریس اور سی ایس = tinysrgb&w = 1260 &h = 750 &dpr = ایک )
}
نتیجہ