HTML code is easy to learn/সহজ এইচটিএমএল কোড শিখুন-13(Image insert~~Hedaet Forum~~


Email: Password: Forgot Password?   Sign up
Are you Ads here? conduct: +8801913 364186

Forum Home >>> HTML Code >>> HTML code is easy to learn/সহজ এইচটিএমএল কোড শিখুন-13(Image insert

murad
VIP Member
Total Post: 155

From:
Registered: 2012-04-14
 

HTML code is easy to learn/সহজ এইচটিএমএল কোড শিখুন-13(Image insert

Image insert
Web site navigation bars, buttons, banners, images, etc. are used. Web page image tag is being added to <img>. This is not an end tag. <img> Just does not work with, always with the src attribute to use. Such as <img src=\"pic.png\">, then the image will be displayed pic.png.

Your computer to save the webpage as a folder with the name of the pic.png.

Such as:
<html>
<head>
<title> www.hedaet.com </ title>
</ Head>
<body bgcolor=\" green\" style=\"text-align:center\">
<h3> This is an example of image. </ h3>
<img src=\"pic.png\">
</ Body>
</ Html>

Notepad Open the File menu, Save as Type Code Tuku on the File name or any name as index.html or home.html. Html with, Save as type to All files can be selected and then click the Save button. Then save the index.html file in the webpage folder. Now index.html open the show with Mozilla Firefox.
If an image is uploaded to the server with the online image of a place to write his address will be pic.png. As

<img src=\"http:// www.hedaet.com/bangla/html/images/pic.png\">

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

ছবি সংযোজন
ওয়েব সাইটে নেভিগেশন বার, বাটন, ব্যানার, ইত্যাদিতে ইমেজের ব্যবহার করা হয়। ওয়েব পেজে ইমেজ বা ছবি যুক্ত করার ট্যাগ হচ্ছে <img> । এর কোন শেষ ট্যাগ নেই। শুধুমাত্র <img> দিয়ে কোন কাজ হয় না, এর সাথে সবসময়ই src এট্রিবিউটটি ব্যবহার করতে হয়। যেমন <img src=”pic.png”> , তাহলে pic.png ইমেজটি প্রদর্শিত হবে।

নিজের কম্পিউটারে webpage নামে folder নিয়ে এর মধ্যে pic.png নামে save করা একটা ছবি রাখতে হবে।

যেমন:
<html>
<head>
<title> www.hedaet.com</title>
</head>
<body bgcolor=\" green\" style=\"text-align:center\">
<h3> This is an example of image.</h3>
<img src=\"pic.png\">
</body>
</html>

Notepad Open করে Code টুকু লিখে File মেনু থেকে Save as এ ক্লিক করে File name হিসেবে index.html বা home.html অথবা যেকোন নাম.html দিয়ে, Save as type হিসেবে All files সিলেক্ট করে এরপর Save বাটনে ক্লিক করতে হবে। এরপর save করা index.html ফাইলটিকে webpage folder এর মধ্যে রাখতে হবে। এখন Mozilla Firefox দিয়ে index.html open করলে দেখাবে।
অনলাইনে সার্ভারে কোন ইমেজ আপলোড করা থাকলে উক্ত ইমেজ যুক্ত করার জন্য তার এড্রেস pic.png এর স্থানে লেখতে হবে। যেমন

<img src=\"http:// www.hedaet.com/bangla/html/images/pic.png\">