سید رافع
محفلین
یہ لڑی سیکھنے اور سیکھانے کی لڑی ہے
مجھے ایچ ٹی ایم ایل میں تصویر کو اپلوڈ کرنے کے بارے میں بتائیں اگر کسی کو پتا ہے تو
اس ویب سائٹ سے سیکھتے بھی رہیں اور یہاں سکھاتے بھی رہیں۔
HTML Tutorial
یہ لڑی سیکھنے اور سیکھانے کی لڑی ہے
مجھے ایچ ٹی ایم ایل میں تصویر کو اپلوڈ کرنے کے بارے میں بتائیں اگر کسی کو پتا ہے تو
جاوا لینگوئج کی مدد سے ہم سرور سائڈ پروگرامنگ، گیم ڈویلپمنٹ، ڈیسک ٹاپ اور موبائل کی ایپلیکیشن بھی بنا سکتے ہیں
جی کوشش جاری ہے
پر اِس میں جیسا کہ بلب کی تصویر کا لنک بھی ہوتا ہےاس کوڈ کا بلکہ ہر کوڈ کا jsbin.com کا لنک مہیا کریں۔ اس سے چلتا ہوا کوڈ دیکھ کر آپ کو اور لڑی کے دیکھنے والوں کو مسرت ہو گی اور شوق بڑھے گا۔
جی میں کوئی ایسی ہی ویڈیو چاہ رہا تھا جو کہ اردو میں ہواس اردو ویڈیو کو یہاں سمجھانا شروع کریں اور کوڈ jsbin.com پر لکھتے جائیں۔
سید رافع میں لنک پیسٹ کرکے دیکھوں گا اگر ہوگیا تو پھر اِس لڑی میں درستگی کردوں گاپر اِس میں جیسا کہ بلب کی تصویر کا لنک بھی ہوتا ہے
تو وہ اِس ویب سائٹ سے تو نہیں چلے گا
میں نے بلب والی کوڈنگ جے ایس بِن والی ویب سائٹ میں پیسٹ کی تھی
پر بلب کی تصویر دکھائی نہیں دے رہی
سید رافع سے درخواست ہے کہ مسئلے پر غور فرمائیں
جی بہتر ہےاسکے تین حل ہیں۔
حل ١: اس سائٹ پر آپ امیج فائل اپلوڈ کر سکتے ہیں۔ CodeSandbox: Online Code Editor and IDE for Rapid Web Development
حل ٢: اس سائٹ سے بلب کی کو امیج لے کر src میں لکھیں۔ Light Bulb PNG Images | Vector and PSD Files | Free Download on Pngtree
حل ٣: فلکر پر امیج اپلوڈ کریں اور اسکو استعمال کریں۔
ویسے میں حل ١ پسند کروں گا۔
یہ جاوا کوڈنگ باڈی کے اندر کی گئی ہےکسی بھی کوڈنگ کو شروع کرنے سے پہلے یہ ٹیگ لگانا ہوتا ہے
<!DOCTYPE html>
پھر اُس کے بعد کمپیوٹر کو بتانا ہوتا ہے کہ میں کون سی لینگوئج استعمال کررہا ہوں
<html>
یہ باڈی کا ٹیگ ہے
<body>
یہ ہیڈنگ 2 ہے اِس کا مطلب ہے کہ ہیڈنگ اسٹائل میں لکھا ہوا نظر آئیگا
آپ اِس کو ہیڈنگ 1 بھی کرسکتے ہیں
<h2>JavaScript in Body</h2>
یہ جو پی لکھا ہوا ہے اِس کا مطلب ہے یہاں پر پیراگراف آئیگا ڈیمو کی جگہ آپ کچھ بھی لکھ سکتے ہیں
<p id="demo"></p>
یہ جاوا اسکرپٹ شروع ہوگئی اِس ٹیگ میں جاوا اسکرپٹ کا استعمال کیا گیا ہے
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
یہ باڈی کا ٹیگ بند کردیا گیا ہے سلیش کے ساتھ
</body>
اِسی کے ساتھ ایچ ٹی ایم ایل کا ٹیگ بھی یہاں بند کردیا گیا ہے
</html>
آپ اِس کوڈ کو اپنے نوٹ پیڈ پلس پلس میں لکھ کر سیو ایز کریں ڈورٹ ایچ ٹی ایم ایل کے ساتھ پھر یہ آپ کو دکھائے گا کہ اِس کوڈ سے کیا بنے گا آپ اس کے پیراگراف میں جو لکھا ہوا ہے اُس کو تبدیل بھی کرسکتے ہیں
اِس کوڈنگ کو بہت ہی دھیان سے کرنا ہے کیونکہ ایک لفظ کی بھی غلطی سے کوڈنگ صحیح کام نہیں کرے گیکسی بھی کوڈنگ کو شروع کرنے سے پہلے یہ ٹیگ لگانا ہوتا ہے
<!DOCTYPE html>
پھر اُس کے بعد کمپیوٹر کو بتانا ہوتا ہے کہ میں کون سی لینگوئج استعمال کررہا ہوں
<html>
یہ باڈی کا ٹیگ ہے
<body>
یہ ہیڈنگ 2 ہے اِس کا مطلب ہے کہ ہیڈنگ اسٹائل میں لکھا ہوا نظر آئیگا
آپ اِس کو ہیڈنگ 1 بھی کرسکتے ہیں
<h2>JavaScript in Body</h2>
یہ جو پی لکھا ہوا ہے اِس کا مطلب ہے یہاں پر پیراگراف آئیگا ڈیمو کی جگہ آپ کچھ بھی لکھ سکتے ہیں
<p id="demo"></p>
یہ جاوا اسکرپٹ شروع ہوگئی اِس ٹیگ میں جاوا اسکرپٹ کا استعمال کیا گیا ہے
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
یہ باڈی کا ٹیگ بند کردیا گیا ہے سلیش کے ساتھ
</body>
اِسی کے ساتھ ایچ ٹی ایم ایل کا ٹیگ بھی یہاں بند کردیا گیا ہے
</html>
آپ اِس کوڈ کو اپنے نوٹ پیڈ پلس پلس میں لکھ کر سیو ایز کریں ڈورٹ ایچ ٹی ایم ایل کے ساتھ پھر یہ آپ کو دکھائے گا کہ اِس کوڈ سے کیا بنے گا آپ اس کے پیراگراف میں جو لکھا ہوا ہے اُس کو تبدیل بھی کرسکتے ہیں