আমরর কক দদখতত পরছছ ?
আমরতদর আজতকর
পরঠ - HTML – এ ইতমতজর বববহরর
এই পরঠ দশতষ ছশকরররকরর -
১ . ওতয়বতপতজ ইতমজ বববহরতরর সসছবধর ২ . ওতয়বতপতজ ইতমজ বববহরতরর অসসছবধর
৩ . ওতয়বতপতজ ইতমজ বববহরতরর দককশল
• ডরউনতলরড এর সময় গরছফক বর ইতমজ দটকট এর দচতয় দবছশ সময় দনয় ,
• গরছফকবরল বরউজরর বববহরর নর করতল গরছফক সরতপরটর কতর নর ,
• এমন ছকছস ছকছস রর আতছ যর অতনক বরউজররই সরতপরটর কতর নর ।
গরছফক বর ইতমজ যরই দহরক নর দকন দশরনতযরগব উপরদরনগতলরর সরতযরজন ওতয়ব দপতজতনশনতক
। আরও দবছশ ছবতশষত পদরন কতর
• ওতয়ব দপতজতনশতন গরছফক বববহরতরর মরধবতম সহতজই দটকতটর পছরমরণ কছমতয় আনর যরয়।
• গরছফক বর ইতমতজর বববহরর হতচ মরনসতষর দদছষ আকষরতনর একছট উৎকদষ উপরয় ।
• গরছফকতক ছলরক ছহতসতব দনছভতগশন টসলস ছহসরতব বববহরর কতর ওতয়ব দপজছট আরও দশরনকয়
। করর যরয়
ওতয়তব গরছফক বববহরতরর সসছবধর হতলর :
ওতয়তব গরছফক বববহরতরর অসসছবধর হতলর :
একটররনরল ইতমজ (External Image):
।
ওতয়ব বরউজরর দসধরতনর ইতমজ বর গরছফক পদশরন কতর যরর :
ইনলরইন ইতমজ হতচ দসই ইতমজ যর বরউজরতর ওতয়ব দপইজ
।
দলরতডর সময়ই দলরড হয় এবর সররসছর ওতয়ব দপইতজ পদছশরত হয় ইনলরইন ইতমজ ((Inline Image):
একটররনরল ইতমজ হতচ দসই ইতমজ যর বরউজরর কতদরক । দপইজ দলরড হওয়রর সময় সররসছর দপইতজ পদছশরত হয় নর একটররনরল ইতমজতক শধসমরত ডরউনতলরড করর যরয় এবর
।
ডরউনতলরড দশতষ তর ওতয়তব পরঠক বর দশরকরর দদখতত পরতর
অবরছটছবউটসহ ছসনটবরকছট হতলর
<img src = "url" align = " " width = " " height = " " vspace = " " hspace = " " alt = " " border = " " title = " " >
। এবরর অবরছটছবউটগতলর সমতকর একটস সরতকতপ আতলরচনর কছর
• url: ইতমজছট দকরররয় সররছকত আতছ তরর ছঠকরনর
• align: ইতমজছট বর দটকট এর অবসরন ছনতদরশ করতব এলরইন । Top, middle, bottom, right, left হতত পরতর।
• width: ইতমতজর পস কত হতব তর ছনতদরশ কতর ।
• height: ইতমতজর দদররব ছনতদরশ কতর।
• vspace: ইতমতজর উপতর বর ছনতচ অরররৎ লমরলছমভরতব ফরফকর জরয়গর পদশরতনর জনব াররঢ়ধপব ।
বববহত হয়
• hspace: ইতমতজর বরতম ও ডরতন কক পছরমরণ জরয়গর ররখতত চরই তর দলখরর জনব বববহত হয় ।
• border: ইতমতজর চরছরছদতক কক পছরমরণ বডররর ররখতত চরই তর দলখরর জনব বববহত হয় ।
• alt: alt: অবরছটছবউট দকরতনর ইতমতজর জনব একছট অলটররতনট দটকট ছনধরররতণ বববহত হয় ।
বরউজরর যছদ দকরতনর কররতণ ইতমজ দলরড করতত ববরর হয় তখন ইতমতজর পছরবততর অলটররতনট
। দটকট পদশরন করতব
• title: টসলছটর বববহরতরর জনব অরররৎ াঃরঃষব দয নরম দদওয়র হতব তর দপইজ দলরড হওয়রর পর
।
ইতমতজর ওপর মরউস ছনতল ঐ নরম দদখর যরয়
১ . পরতম Windows দপরগরমছট চরলস করতত হতব -
২ . এরপর Start বরটতন ছকক করতল আমরর দদখতত পরব
ওতয়বতপজ দতছর কররর পদছত
৩ . এরপর All Programs এর উপর ছকক করতত হতব তরহতল পরতশর মত দদখতত পরব
৪ . এবরতর Accessories এর উপর ছকক করতত হতব
ওতয়বতপজ দতছর কররর পদছত
৫ . তরহতল আমরতদর সরমতন Accessories দমনসর অধকনস সকল দপরগরম পদছশরত হতব
৬ . এখন Notepad দপরগরমছটর ছকক করতত হতব ছনমরপ দপরগরম
। ওতপন হতব
ওতয়বতপজ দতছর কররর পদছত
৭ . এখন আমরর দকরড দলখরর জনব এছডটর দপতয় দগছছ তরই এখরতন ছনতমর
। মত দকরড ছলছখ
<html> <body>
<p>
An image : <img src = Hydrangeas.jpg width = "100" height = " 100”
</p>
<p> An image from picture in D drive :
<img src = "D:\picture\tulips.Jpg" width ="50" height ="50">
</p>
</body>
</html>
<html> <body>
<p>
An image : <img src = Hydrangeas.jpg width = "100"
height = " 100”
</p>
<p> An image from picture in D drive :
<img src = "D:\picture\tulips.Jpg" width ="50" height
="50">
</p>
</body>
</html>
৮ . পরতম ফরইল দমনসর উপর ছকক করতত হতব ফতল আমরতদর সরমতন
। ফরইল দমনস পদছশরত হতব
ফরইল সররকণ
<html> <body>
<p>
An image : <img src = Hydrangeas.jpg width =
"100" height = " 100”
</p>
<p> An image from picture in D drive :
<img src = "D:\picture\tulips.Jpg" width ="50"
height ="50">
</p>
</body>
</html>
৯ . এবরতর File দমনসর Save অপশতন করব -
ওতয়বতপজ দতছর কররর পদছত
<html>
<body>
<p>
An image : <img src = Hydrangeas.jpg width =
"100" height = " 100”
</p>
<p> An image from picture in D drive :
<img src = "D:\picture\tulips.Jpg" width ="50"
height ="50">
</p>
</body>
</html>
১০ . তরহতল আমরতদর সরমতন Save As
ডরয়লগ বক পদছশরত হতব
heading.html
১২ . Save as type এর ডপ ডরউন ছলষ – এ ছকক কতর All Files ছসতলক কতর
। ছদতত হতব
ওতয়বতপজ দতছর কররর পদছত
১১ . এখন File name রতর দটকবতক
আমরর কররছখত ফরইতলর নরম এবর
দশতষ একতটনশন ছহতসতব .html ছদব
( দযমন -heading.html)
13. Save হওয়রর জরয়গর ছনদরররণ কতর
।
ছদতত পরছর দযমন দডকটতপ সররকণ কররর জনব ডরয়লগ বতকর বরমপতশর Desktop এর উপর ছকক কছর ।
14. এবরতর ডরয়লগ বতকর Save বরটতন
। ছকক কছর
<html>
<body>
<p>
An image : <img src = Hydrangeas.jpg width =
"100" height = " 100”
</p>
<p> An image from picture in D drive :
<img src = "D:\picture\tulips.Jpg" width ="50"
height ="50">
</p>
</body>
</html>
heading.html
