1

এআচটি এভ এর ফাংরা আ-ফুক

Copyright @ arif-karim | All Rights Reserved

2011

ডাউনলরাড টরংক:- htmlbanglae-book.scripttunner.com

2
About Author

আরিফ করিম
কটিিায ঳ালেস্দ এন্ড আটিটনোটযং টফবাগ(৩ে ফলষ),
ট঳লরি আটিটনোটযং কলরজ, ট঳লরি।

Contact me:

Facebook- http://www.facebook.com/fkarif
Email- fkarif.cse@gmail.com
Yahoo_mess- arifsec06@yahoo.com

3
 ব আটি অটভ অভায প্রোত ভা এয জন্য উৎ঳গষ কযরাভ টমটন অভালক ছেলে ২০০৮ ঳ালরয ১

ছপব্রুোযী দূয উ঩ালয চলর ছগলেন।

- অটযপ কটযভ

4
 “ববশেষ দৃবি আকষষন”

ব আটি অটভ টরলেটে, অভায এআচটি এভ এর ছ঱ো রৄরু ছেলক ফআটি ছরো ছ঱ল কযা ঩মষন্ত মতিুকু

ট঱লেটে তায উ঩য টবটি কলয।এয জন্য অটভ আন্িযাযলনলি টফটবন্ন ফআ, ব্লগ টিউলিাটযোর, এয ঳া঴াময
টনলেটে।এিা অভায প্রেভ ছরো ফআ এফং ঄ফশ্যআ বুরত্রুটি োকলফ অ঱াকটয তা ক্ষভা সুন্দয দৃটিলত
ছদেলফন।

শে ল কো, ফআটি টফনাভূলরয ডাআনলরাড এফং এলক ঄঩লযয ঳ালে ছ঱োয কযলত

঩াযলফন।তলফ ছকান ঄ং঱ ঩টযফতষন ফা টফকৃত কযলত ঩াযলফন না।ফআ ঳িলকষ ছম ছকান ধযলনয ভতাভত
ও ঩যাভ঱ষ ঳াদলয গ্র঴নলমাগয।

-অটযপ কটযভ

বিডবযাক:

5
 “঳ূটচ঩ত্র”

ওলেফ ছডলবর঩লভন্ি টক ?

ওলেফ ছডলবার঩ায ঴লত ঴লর টক টক ট঱েলত ঴লফ?

Hfa HTML টক?

HTML ফযাট঳ক স্ট্র্যাকচায

HTML ছকাড ছ঳ব কযা এফং যান কযা।

HTML- এ ভন্তফয(comment) কযা।

HTML এয িযাগ ঳ভূ঴।

HTML-এয color ছকাড।

HTML পন্ি পযাটভটর।

HTML- এ ছবি (ইমেজ) ঴ংযুবিকরন।

HTML- টরি এয ফযফ঴ায।

ওমেি পেপজ ব঱ংক তৈরী করা।

HTML টদলে আলভআর( Email) এযালে঳ টরংক কযা।

HTML টদলে ছিটফর ততযী।

6
HTML ছেভ ছ঳ি িযাগ।

HTML ছ঩লজ পলভষয ফযফ঴ায।

ছ঴াভ ছ঩লজয নাভ কযন।

ছডালভআন এফং ছ঴াটিং টনলে টকেু কো।

7
মাযা ওলেফছডলবার঩লভন্ি টনলে কাজ কযলত চান এফং টনলজলক একজন ওলমফ ছডলবার঩ায ট঴ল঳লফ
অত্নপ্রকা঱ কযলত চান তালদযলক ঳টিক টনেলভ ওলেফ পোগ্রাবেং- এয ভা঳া ঳ম্বলে স্বচ্ছ জ্ঞান োকা
জরুটয। তা না ঴লর অ঩নালক ঄লনক ঳ভস্যায ঳ম্মুেীন ঴লত ঴লফ। HTML ঴র ওলেফ঳াআি ততযী
কযায একিা প্রােটভক বালা। তলফ হ্যাঁ, অ঩টন HTML না ট঱লেও ওলেফ঳াআি ততযী কযলত ঩াযলফন।
এআ ছমভন ধলযন Microsoft Front Page, Micromedia Dreamweaver,
Joomla,wordpress etc. অভায এভন ঄লনক ফেুলদয ঳ালে ঩টযচে অলে োযা HTML না
ছজলনও উলেটেত ঳পিওোযগুলরা টদলে ঄লনক সুন্দয সুন্দয ওলেফ঳াআি ততযী কলযলে। তা঴লর অ঩টন
কি কলয ছকন HTML ট঱েলফন? অ঩টন মটদ ছকান ঳পিওোয পালভষ জফ কযলত চান ফা টনলজ একজন
টেরযাস্দায ট঴঳ালফ অত্নপ্রকা঱ কযলত চান তা঴লর টকন্তু উলেটেত ঳পিওোযগুলরা টদলে অ঩টন ঄লনক
঳ভস্যায ঳ভাধান কযলত ঩াযলফন না, এভন ঴লফ তেন অ঩নালক টনলজ টনলজ ছকাড কযলত
঴লফ।এজন্যআ HTML ছ঱োিা জরুযী। অটভ টনলজও HTML টদলে রৄরু কলযটেরাভ অয এিা েুফ
঳াধাযন একিা বালা। অ঩টন ৬- ৭ টদন ঄নুট঱রন কযলরআ ট঱লে মালফন।এফায অসুন অলযা টকেু টফলে
ছজলন টনআ....

8
ওলেফ ছডলবর঩লভন্ি টক?

ওলেফ টডজাআন, ওলেফ কনলিন্ি ছডলবর঩লভন্ি, ক্লাআন্ি/঳াবষায ঳াআড টিটিং, ওলেফ ঳াবষায, ওলেফ
঄যাটিলক঱ন আতযাটদ ঱দ্বগুলরা ওলেফ ছডলবার঩লভন্ি এয ঳ালে জটেত।এগুলরা টদলে
আন্িাযলনিয (World Wide Web) জন্য ওলেফ঳াআি ততযী কযায প্রটিোলক ফরা ঴ে ওলেফ
ছডলবর঩লভন্ি।তলফ প্রলপ঱নারলদয জন্য ছমিা প্রচটরত তা ঴লচ্ছ ভাকষ অ঩ এফং পোগ্রাবেং রযাঙ্গুলেজ
ফযাফ঴ায কলয ওলেফ ঳াআি ততযী কযা এোলন ছকান টডজাআন আসুয ছনআ।টডজাআলনয ফযা঩াযটিলত
পোগ্রাবেং োকলফ না। রৄধুভাত্র ঳াআলিয অউিরুক ছদেলত ছকভন এ঳ফ টনলে এ জগৎ এফং এআ ছ঳ক্টযটি
঴র ওলেফ টডজাআন। অয মেটন ছপ্রাগ্রাটভং এয ফযা঩ায চলর অ঳লফ তেন তা ওলেফ ছডলবর঩লভন্ি এয
঩মষালে চলর অ঳লফ।তলফ আদাটনং ওলেফ ছডলবর঩লভন্ি এফং ওলেফ টডজাআন ঱দ্বরৃটি একআ ঄লেষ
ফযফ঴ায এয ঱াটদ্বক ঄েষ রঙ্ঘন কযা ঴লচ্ছ।ফতষভালন ওলেফ ছডলবর঩লভন্ি এফং ওলেফ টডজাআন এআ
ট঱ল্পরৃটি টফলে ঳ফলচলে দ্রুত টফকট঱ত ঴লচ্ছ।

ওলেফ ছডলবার঩ায ঴লত ঴লর টক টক ট঱েলত ঴লফ?

একজন ঩ূনাঙ্গ ওলেফ ছডলবার঩ায ঴লত ঴লর অ঩নালক ওমেি বিজাইন ও ওমেি পোগ্রাবেং পলখার
পকান বিকল্প পনই।পলর একজন ওলেফ ছডলবার঩ায েূর্ণাঙ্গ িাইনাবেক ওমেি঴াইট তৈবর করমৈ
HTML, CSS, টিি ঳াআি রযাঙ্গুলেজ Java Script এফং এয জনবেে framework ফা রাআলেযী
঴লচ্ছ jquery, ঴াবষার ঴াইি রযাঙ্গুলেজ php এফং এয জনবেে framework ফা রাআলেযী ঴লচ্ছ
CodeIgeniter, ডািলফ঳ ট঴঳ালফ Mysql , Flash এর action script ইৈযাবি পোগ্রাবেং
঱যাঙ্গুমযজ ট঱েলত ঴ে এফং ওপেি঴াইমটর নজরকাড়া বিজাইন করায জন্য Adobe photoshop,
Illustrator, fireworks, ইৈযাবি ট঱েলত ঴ে।

9
HTML টক?

HTML (Hyper Text Markup Language) ভূরত ওলেফ ছ঩জ ততযীয কালজ রালগ। এিা ছকান
ছকালনা Programming Language নআ, ৈারেরও ওমেি ব্রাউজামর পয পকান পেমজর পরন্ডাবরং
HTML Language ঵ে , ৈা প঴ PHP, ASP, JSP পয েযুবি বিমে প঵াক না পকন। আেবন পকান
ওলেফ঳াআি এ বগমে আেনার ওলেফ ব্রাউজামর view পেনুপৈ বগমে page source এ টক্লক কমর ওলেফ
পেইজবটর প঴া঳ষ পকাড় পিখমৈ োরমিন আর <>.......</> বিছের োমঝ বকছু ইংমরজী লদ্ব পিখমৈ
োরমিন। এমিরমক HTML Tag ি঱া ঵ে ।ফতষভালন HTML এর ঴িণমল঳ ভা঳ণন ঵মে ৫। HTML
এয Simple টকেু ছকাড অলে,মা একিু ছচিা কযলরআ অোি কযা ঳ম্ভফ। অটভ এআ ফআলত HTML
উৎ঩টি ঳ম্বলে টকেুআ অলরাচনা কযা ঴আটন। অ঩নাযা Google এ ঳াচষ টদলর এআ ঳ম্বলে ঄লনক তেয
঩ালফন অয দো কলয ছ঳োন ছেলক একিু ছজলন টনলফন, ছকভন।

10
মা মা প্রলোজন:

HTML ছকাড ছরোয জন্য নতুন ছকান এটডিয এয এয প্রলোজন ছনআ। অ঩নায কটিউিালযয ঄টত
঩টযটচত Notepad ফযফ঴ায কলযআ HTML ছকাড টরেলত ঩াযলফন।এোডাও ঄লনক ছকাড এটডিয
অলে মায ভলধয অটভ (Geany)জীটনলক ছফট঱ ঳াল঩ািষ কটয।এোোও ছকাড টরলে যান কযায জন্য
একটি োউজালযয ছপ্রালোজন ঴লফ। ছমভন: Internet explorer, Mozilla Firefox , Google
chrome, Opera mini আতযাটদ। এেন অ঩টন ছমলকান একটি োউজায অ঩ানায কটিউিালয আনির
টদন।

HTML ফযাট঳ক স্ট্র্যাকচায:

HTML দ্বাযা ততযী ছমলকান ওলেফ ছ঩লজয ফযাট঳ক রৃআটি ঄ং঱ োলক। একটি HEAD এফং ঄ন্যটি
BODY। এআ রৃআটি ঄ং঱ এযালঙ্গর োলকি দ্বাযা অফদ্ধ োলক টিক এআ বালফ <HEAD> এফং
<BODY>. এমির প঵ি টযাগ এফং িবি টযাগ িম঱। HTML ছকান টযাগ শুরু করম঱ ৈা িন্ধ কমর
বিমৈ ঵ে।তাআ প঵ি এফং িবি টযাগ িন্ধ করার জন্য ব঱খমৈ ঵মি </HEAD> এফং </BODY>. ছম
ছকান ওলেফ ছ঩জ রৄরু ঴ে <HTML> এফং ছ঱ল ঴ে </HTML> টদলে এফং এয টবতলয ঳ভস্ত িযাগ
অফদ্ধ োলক। এোোও অভযা ছকান ওলেফ ঳াআি োউজ কযায ঳ভে োউজালযয উ঩লযয ঄ংল঱ ওলেফ
঳াআটিয ট঱লযানাভ ছদেলত ঩াআ।এআ ট঱লযানাভ ছদোলনায জন্য title টযাগ ফযাফ঴ায কযা ঴ে। এিা রৄরু
঴ে <title> এফং ছ঱ল ঴ে </title> মা এআ HEAD এফং BODY এআ রৃটি টযামগর েমযয অফদ্ধ
োলক।(HTML এ ছোি ও ফে ঴ালতয ঄ক্ষলয ছকান ঩ােষকয কলয না টকন্তু ছপ্রাগ্রটভং বালায ছক্ষলএ
প্রলোজয)চরুন অভযা এেন HTML -এয একটি ফযাট঳ক স্ট্র্যাকচায ছদটে:-

11
<HTML>

<HEAD>
এআ ঄ংল঱য টবতয অ঩টন টফটবন্ন িযাগ ছমভন: CSS, jS Style Sheet
আতযাটদ ফযাফ঴ায কযলফন।

<TITLE>
এোলন অ঩টন অ঩নায ওলেফ ঳াআটিয ট঱লযানাভ ফযাফ঴ায কযলফন।
</TITLE>

</HEAD>

<BODY>

একটি ওলেফ ঳াআলিয ভূর content ঴মূ঵ Body িযালগয ভলধয ঄ফস্থান কলয।
িযালগয ভালেআ টফটবন্ন Text, mage, Table আতযাটদ পযলভটিং এয টফটবন্ন িযাগ
঳ভূ঴ এোলন ফযাফ঴ায কযলফন।

</BODY>

</HTML>

ছকাড ছ঳ব কযা এফং যান কয:

এফায অভযা ছদেলফা HTML িযাগগুলরা টদলে টকবালফ ওলেফ ছ঩আজ অকালয ছ঳ব এফং োউজ কযলত
঩াযলফন। এয জন্য Notepad িা অন্য পকান পকাি এবিটর খু঱ুন এিং টনলচয ছকাড গুলরা Notepad-
এ হুফহু িযাআ঩ করুন:

12
এেন িাআ঩ কযা পাআরটি অ঩নায ঴াডষটডলে ছ঳ব কযলত ঴লফ।এ জন্য প্রেলভ File এ টগলে save as
টক্লক করুন।এেন একিু ছেোর করুন File টি .html এক্সলিন঱ন-এ save কযলত ঴লফ। ধরুন
অ঩নায File টিয নাভ index। তা঴লর File টি save কযলফন index.html এফং save as type
এ All Files ট঳লরক্ট করুন। ফযা঩াযিা ফুেলত ঩াযলেন টনশ্চআ!!...ও অয একিা কো অ঩টন এোলন
.html এয ঩টযফলতষ .htm-ও ফ঳ালত ঩াযলফন। তলফ ঄নু঱ীরন কযায ঳ভে ছম ছকান একটি ছ঱োআ
বার। এিার প঴ভ করা বিমরক্টরীমৈ বগমে িাি঱ বিক কমর ফাই঱বট ওমেন করুন। টনলচয ভত ছদেলত
঩াযলফনঃ

13
এখন এপযযন্ত। কি অননি বেকল খারাপ ঱াগনে তাই না। কিেুক্ষন োইনর বেনি ঘুনর আ঴ুন
ো আপনার িকিউটার বেনি এিটু কমকি গান লুননু বেখুন ভা঱ ঱াগনে।

অসুন এফায একিু ঄ন্য টফলে ঳ম্বলে ধাযনা ছনওো মাক, CSS, Photoshop টদলে অ঩টন টকবালফ
ওলেফ ঳াআটিয টডজাআন কযলফ।টডজাআন টনবষয কলয ঄লনকিা ছিভলিি উ঩য। তাআ প্রেলভ অ঩নালক
ছিভলিি ফনালনা ট঱েলত ঴লফ। এোোও অ঩টন আন্িাযলনি ছেলক ঄লনক ওল঩ন ছ঳া঳ষ ছিভলিি টনলেও
কাজ কযলত ঩ালযন। প্রেলভ অ঩নালক Photoshop বিমে একটা ওমেি ঴াইমটর েৈ ছিভলিি ততযী
কলয টনলত ঴লফ।(অ঩টন এিালক ছ঳ব কলয যােলত চাআলর PSD পযলভি এ যােলত ঩ালযন।)এফায
এিালক Photoshop এ Slice িুর টদলে ছকলি অ঩নলক HTML/CSS টদলে ছকাড কযলত ঴লফ।
তলফ এিা অোি কযা ঳ভে ঳াল঩ক্ষ ফযা঩ায।

এখন আ঴ুন HTML এর আনর কেকভন্ন কে঳য় ঴ম্বনে বেনন বনওয়া যাি:

14
HTML- এ ভন্তফয( comment) কযা:

টফটবন্ন উলেলশ্য ফা প্রলোজলন ঄লনক ঳ভে ভূর ছপ্রাগালভয ভলধয ছপ্রাগাভাযলক টনলজয ফা ঄ন্যলক
ছফাোলনায সুটফধালতষ ভন্তযফয ছরোয প্রলোজন ঴ে। এআ ভন্তফয োউজালয ছদোলফ না টকন্তু ছপ্রাগালভয
ভলধযআ োকলফ।এআ ভন্তযফযলক comment ফলর। চরুন টনেভ গুলরা ছজলন ছনওো মাক..

১. ছকান ভন্তযফয মটদ এক রাআলনয উ঩লমাগী ঴ে, তলফ // টচলেয ঩য ভন্তফয টরলে টদলরআ চরলফ।এয
ছকান ঳ভা঩নী টচলেয প্রলোজন নাআ।

২.ছকান ভন্তফয মটদ এক রাআলন না ধলয, তা঴লর ভন্তলফযয রৄরুলত /* টচে টদলত ঴লফ এফং ছ঱ল কযলত
঴লফ */ টচে টদলে।

৩. এোোও অ঩টন ছফট঱ ভন্তফয ছরোয জন্য <! — আেনার ভন্তফয - - > এআ িযাগটি ফযফ঴ায
কযলত ঩াযলফন।

টনলচয টচএটি ছদলেুন:

15
HTML এয িযাগ ঳ভূ঴:

অভযা উ঩লয ছম HTML এয ছ঩আজ ততযী কলযটে ছ঳োলন অভযা রৃআিা ঄ং঱ ছদেরাভ একটি
HEAD ঄ন্যটি BODY. HEAD ঄ংল঱ ছম িযাগগুলরা ঄ফস্থান কলয তায অউি঩ুি কেনও োউজায
প্রদ঱ষন কলয না। এগুলরা ঳াচষআটিন গুলরালক ওলেফ ছ঩জটিয ঳িলকষ টফটবন্ন তেয প্রদান কলয।(এআ
঳িলকষ অ঩নালক জানলত ঴লর ঳াচষআটিন ঄঩টিভাআলজ঱ন( SEO) ঩েলত ঴লফ।) অটভ এোলন ছম
HTML এয ছম িযাগ঳ভূ঴ অলরাচনা কযলফা তা রৄধু BODY ঄ংল঱ ফযফ঴ায কযা ঴ে। তা঴লর চরুন
ছদলে টনআ:

১. <B> এফং </B> এয ভালে ছকান ছিক্সি টরেলর োউজালয ৈা পিাল্ড আকমর
পিখামি। পযেন: <B> I AM BOLD </B>.

২. <I> এফং </I> এয ভালে ছকান ছিক্সি টরেলর োউজালয ৈা ইটাব঱ক আকমর
পিখামি। পযেন: <I> I AM ITALIC </I>.

৩. <U> এফং </U> এয ভালে ছকান ছিক্সি টরেলর োউজালয ৈা ঄ন্ডাযরাআন

আকমর পিখামি। পযেন: <U> I AM UNDERLINE </U>.
৪. <BLINK> এফং </BLINK> এয ভালে ছকান ছিক্সি টরেলর োউজালয
জ্বরালনবা আকমর পিখামি। পযেন: <BLINK> I AM BLINK </BLINK>.

এোোও অ঩টন মটদ ছকান ছরোলক একআ ঳ালে পিাল্ড, ইটাব঱ক, ঄ন্ডাযরাআন কযলত চান তা঴লর
এবালফ ফযফ঴ায কযলফন:
<B><I><U> I AM BOLD, I AM ITALIC, I AM UNDERLINE
TEXT </U></I></B>

HTML িযাগ ফযফ঴ালযয একটি ছোট্র টনেভ অলে, তা ছ঴ার ঳ফলচলে ছ঱লল রৄরু ঴ওো িযাগটিলক ঳ফায
অলগ ছক্লাজ কযলত ঴লফ। মটদও এিা ছকান ফাধযফাধকতা টনেভ না এফং অ঩টন মটদ এিা ছভলন নাও
চলরন, তফুও অধুটনক ছম ছকান োউজায অ঩নালক অউি঩ুি কেনত ঴ক্ষম ঵নে।তনে বক্ষত্র কেনলন঳
এটা েযকতক্রম ঵নত পানর, তাই কনয়মটি বমনন চ঱াই ভান঱া।

এোর আমরা বটষ্কট কননয় এিটু ঴঵ে ও মোর কে঳য় ঴ম্বনে োননো।

16
৫. HTML- এ পকান পটক্সটমক প঵বিং ট঴ল঳লফ ছদোলনায জন্য ৬ যকলভয িযাগ অলে।ল঳গুলরা
঴লরা- H1, H2, H3, H4, H5, H6. অসুন এফয টনলচয েটফয টদলক তাকাআ তা঴লর টফলে ঳ম্বলে
঩টযোয ধাযনা ঩াওো মালফ।

17
এেন ভলন করুন অ঩টন ছ঴টডং িযাগগুলরা অ঩নায ওলেফ ঳াআলি ফ঳ালরন টকন্তু ছরোগুলরা অ঩টন
ফালভ,ডালন,ভালে ফ঳ালত চান। ছ঳লক্ষলএ অ঩নালক িযালগয টবতয এযাটট্রটফউি ফযফ঴ায কযলত
঴লফ।লমভন: অ঩টন মটদ H1 এয কনলিন্ি঳ভূ঴ ওলেফ ছ঩লজয ভােোলন ফ঳ালত চান তা঴লর অ঩নালক
এআ বালফ টরেলত ঴লফ <H1 align=”center”>Hi, I am Arif Karim</H1>. এখামন align ঵মে
H1 িযালগয এযাটট্রটফউি এফং ঳ভান ঳ভান টচলেয ঩লয উদ্ধষকভায টবতলযয ঄ং঱িুকু ঴লরা এয
বযারু।এোোও ছরোগুলরা ফালভ,ভালে ছনওোয জন্য এযাটট্রটফউি ঄ন্য বযারু ঴লচ্ছ left ও right.

৬. ছকান ফে ধযলনয যচনা ঩যাযা অকালয ছ঩লত চাআলর ফযফ঴ায করুন <p> এফং িযাগ ফে ঴লফ
অলগয ভতআ। ঄েষাৎ <p>I am paragraph tag and write here</p>. <p> িযালগও ছ঴টডং
঳ভূল঴য align এযাটট্রটফউটি একআবালফ ফযফ঴ায কযা োম। ছমভন:

<p align=”center”> I am paragraph tag and write here</p>.

18
৭. আেবন মটদ অ঩নায ছিক্সি এটডিলয কলেক রাআন িাআ঩ কলয মান এফং এয঩য পাআরটি HTML
ছ঩লজ ছ঳ব কলযন, তা঴লর ছদেলফন অ঩নায ঩ূলফষয ছরোয পযলভটিং নি ঴লে ছগলে এফং ছকান রাআন
ছেক ঄ক্ষুন্ন ছনআ।঩ূলফয ছরোয পযলভটিং ঄ক্ষুন্ন যােলত চাআলর ফযফ঴ায করুন <PRE> </PRE>
িযাগ।

৮. অভযা মেন কটিউিালয ছরোয ঳ভে রাআন ছেলকয প্রলোজন ঴লর Enter টদআ। ছতভটন HTML-এ
রাআন ছেলকয প্রলোজন ঴লর <BR> িযাগ ফযফ঴ায কযা ঴ে। এয ছকান ছক্লাটজং িযাগ নাআ।

৯. পলন্িয ভাে ফযাফয দাগ োকা ঄ফস্থালক Strikethrough ফলর। এয জন্য িযাগটি ঴লরা:
<S>…..</S> ফা <STRIKE>…….<STRIKE/>.

১০. েূ঱ প঱খার এক ঱াইন বনমি (Subscript) প঱খার জন্য <SUB>….<SUB/> টযাগবট
িযাি঵ার করা ঵ে। ছমভন: অ঩টন Water=H2O টরেলফন।তা঴লর িযাগটি ঴লফ-
Water=H<SUB>2</SUB>O.

১১. েূ঱ প঱খার এক ঘর উেমর( Superscript)প঱খার জন্য<SUP>….<SUP/> টযাগবট িযাি঵ার

করা ঵ে। ছমভন: Today is 22th June টরেলফলন। তা঴লর িযাগটি ঴লফ Today is
22<SUP>th</SUP>June.

১২. <CENTER>.....<CENTER/> িযালগয ভালে ছকান কনলিন্ি টরেলর তা ওলেফ ছ঩লজয ভাে
োলন চলর অ঳লফ।

১৩. অভযা মেন কটিউিলয ছকান টকেু িাআ঩ কযায ঳ভে রাআলনয ভলধয পাঁকা যাোয জন্য space
key ছপ্র঳ কটয। ছতভটন ওলেফ ছ঩লজ রাআলনয ভলধয পাঁকা যাোয জন্য &nbsp; টযাগবট িযি঵ার করা
঵ে।

১৪. <DIV>…</DIV> িযাগটি দ্বাযা ছ঩লজয টফটবন্ন টডটব঱লনয ছরঅউি টডজাআন কযা োম।

১৫. টপ্র-িযালগলয ঳া঴ালময নতুন রাআন ঳ৃটি কযায জন্য টনউ রাআন িযাগ টযাগবট
িযি঵ার করা ঵ে। এয টচে ঴র \n. ঄েষাত অ঩নায ছরো ছ঱লল এআ টচে টদলর এিা নতুন রাআন ততযীয
সুটফধা প্রদান কযলফ।

১৬. ছকান ঱দ্ব ফা ফাকযলক উদ্ধৃত ট঴঳ালফ উ঩স্থাট঩ত কযায জন্য ব্লকলকাি িযাগ ফযফ঴ায কযা ঴ে।িযাগটি
঴র- <BLOCKQUOTE>....</BLOCKQUOTE>

19
১৭. ওলেফ ছ঩লজ রম্বা ও ঳ভান্তযার রাআন ছদওোয জন্য <HR> িযাগটি ফযফ঴ায করুন।এআ িযালগযও
ছকান ছক্লাটজং িযাগ নাআ। তলফ এয টবতলয এযাটট্রটফউি ট঴঳ালফ ফযফ঴ায কযলত ঩ালযন align, width,
size এফং color. ৈমি color এর এযাটট্রটফউি ঳ফ োউজালয কাজ কলয না।এফায অসুন
এযাটট্রটফউি ঳ম্বলে একিু ছজলন টনআ...

Align= আমগর েৈই িযি঵ার করমৈ োরমিন।

Width= এয বযারু ট঴঳ালফ অ঩নালক ঱তকযা টদলত ঴লফ মা অ঩টন অ঩নায ছ঩লজ কতিুকু ঄ং঱ টনলে
ফযফ঴ায কযলত চান। ছমভন: width=”70%”.

Size= এর ভযা঱ু ব঵঴ামি আেনামক বেমক্স঱ িযি঵ার করমৈ ঵মি।তায ভালন অ঩টন রাআনটি অ঩নায
ছ঩লজ কত বেমক্সম঱ েুরু পিখমৈ িান।ছমভন: size=”6”.
তা঴লর িযাগটি টরেলত ঴লফ এযকভ:

আউটেুট পিেুন:

কে:দ্র:
উলেটেত টফলেগুলরা ঳ফ঳ভে ঄নু঱ীরন কযলফন। না ঴লর বুলর ছমলত অাভায ভত ছফট঱ ঳ভে
রাগলফ না টকন্তু( অ঳লর অটভও ঳ফ টকেু ছফট঱ টদন ভলন যােলত ঩াটয না..)

20
HTML color:

HTML- এ কারায ট঴঳ালফ অ঩টন ছমলকান িযান্ডাডষ যং ফযফ঴ায কযলত ঩ালযন।

ছমভন: red, blue, green, lime, gray, silver, black, white, orange, skyblue, navy,
aqua, magenta, yellow, maroon, olive, pink, gold, wheat, teal, brown, chocolate,
ivory, lavender, snow, tan.

এোোও অ঩নায ভলনয ভত যং ফযফ঴ায কযলত চাআলর রার, ঳ফুজ, ও নীর( RGB) এআ টতটনটি যং-এয
঳ভন্বলে ততযী ছ঴ক্সালডট঳ভর পযলভলিয কারায ফযফ঴ায কযলত ঩ালযন।এোলন ঳ফলচলে ঳ফষটনম্ন বযারু
঴লচ্ছ 0(hex 00) এফং ঳ফষলচা বযারু 255(hex FF).

ছ঴ক্সালডট঳ভর বযারু ছরোয টনেভ ঴লরা, রৄরুলত # টচে তায঩য টতনটি ডাফর টডটজি নাম্বায। ছমভন:
঳াদা যং এয জন্য #FFFFFF.

এেন এোলন ছদেুন:

এছাড়াও আমরা কা঱ার ঴ম্বমন্ধ জানার জন্য এই বৈনবট ব঱ংমক োউজ কলয ছদেলত োমরন:

21
১০. <BODY> িযালগয টবতয ফযাকগ্রাউন্ড কারায টদলত চাআলর টরেলত ঴লফ

ঠিি এরিম:

এোোও অ঩টন ফযাকগ্রাউলন্ড ছিেি, আলভজ ফযফ঴ায কলযও ফযাকগ্রাউন্ড এয ছচ঴াযািাআ ঩ালে টদলত
঩ালযন। এয জন্য িযাগটি ঴লফ-

22
HTML পন্ি পযাটভটর:

ছফট঱যবাগ ওলেফোউজায টডপে পন্ি ট঴঳ালফ োলক “Times New Roman”. টকন্তু অ঩টন মটদ
অ঩নায ওলেফ ছ঩লজয পন্ি ঩টযফতষন কযলত চান। তা঴লর অ঩নালক টকেু টনেভ কানুন ছভলন পন্ি
঩টযফতষন কযলত ঴লফ।চরুন তা঴লর ছদলে ছনওো মাক..

এআ ছকাডটি টরেুন:

23
এেন উ঩লযয ছকাডটিয পন্ি ঩টযফতষন কযলত অভালদযলক <FONT>…</FONT> িযাগ ফযাফ঴ায
কযলত ঴লফ।অয এযাটট্রটফউি ট঴঳ালফ face, size, color িযি঵ার করমৈ ঩াযলফন।তা঴লর উ঩লযয
ছকাডটি ঴লফ এযকভ:

<font face="verdana,Arial" size="6" color="#98bf21">If you have accidentally

entered your email address incorrectly, you will not receive the account and
invoice details.</font>

তা঴লর অউি঩ুি ঴লফ এযকভ:

Face এযাটট্রটফউটিলত অ঩টন পন্ি এয ঩ূনষ নাভ ফযাফ঴ায কযলফন। এোলন অ঩টন একাটধক পন্ি এয
নাভ ফযফ঴ায কযলত ঩ালযন কাযন অ঩নায ওলেফ ঳াআি টবটজিলযয কটিউিালয প্রেভ পন্ি আনির না

24
োকলর টদ্বতীে ফা তৃতীে পন্িটি ফযফ঴ায ঴লফ।তলফ এভন ছকান পন্ি ফযফ঴ায কযলফন না, মা ঄ন্য ছকান
কটিউিালয আনির োলক না।কভন টকেু পন্ি ঴লচ্ছ-
“Times”, “Times New Roman”, ”Helvetica”, ”sans serif”, “Verdana”, ”Tahoma”,
”System”, “Courier”, ”Courier New”, “Dialog” আতযাটদ।

HTML- এ ছবি( ইমেজ) ঴ংযুবিকরন:

Html বিপে ওমেি পেমজ ইমেজ ঴ংযুবি করার জন্য আেবন পয ইমেজবট ঴ংযুবি করমিন প঴বট .gif িা
.jpg/jpeg িা .png ফরমেমট প঴ভ করুন।এখন েশ্ন ঵ম঱া ছবিবট পকাথাে প঴ভ করমিন? অয ছম
ছ঩লজয ঳া঴ালময তা প্রদ঱ষন কযলফন তায উ঩য টনবষয কযলফ- টরংক ফযফস্থা। এআ টফলেটি রৄধু ভাত্র টস্থয
েটফয ছক্ষলএ প্রলমাজয নে, এযাটনলভ঱ন ও টবটডওয ছক্ষলএ প্রলমাজয।এেন অসুন রৄরু কযা মাক-

১. প্রেলভ অ঩টন অ঩নায ঴াডষটডলেয ছম ছকান োআলব ঢুলক একটি ছপাল্ডায ছতযী করুন এফং
ছপাল্ডাযটিয নাভ ছদন webpage. ধরুন অ঩টন D: োআলব ঢুলক ছপাল্ডাযটিয নাভ টদলরন
webpage.

২.এেন অ঩টন webpage ছপাল্ডালযয টবতয ঢুলক images নালভ একটি ছপাল্ডায ছতযী করুন।

৩. এফায অ঩টন ছম েটফটি যােলত চান তায একটি নাভ টদন। ধরুন অ঩নায েটফটিটয নাভ
arifkarim.jpg এেন েটফটি images ছপাল্ডালযয টবটতয paste করুন।

টক কাজটি কটিন ভলন ঴লচ্ছ? একিু িান্ডা ভাোে করুন ছদেুন টিকআ ছ঩লয ছগলেন।
অসুন এফায ছকাডটি ছদলে টনআ:

অ঩নায ফটড িযালগয টবতয এআ ছকাডটি টরেুন-

বিক এই ভামি. .

25
এেন অ঩টন ছকাডটি test.html নালভ webpage টবতলয ছ঳ব করুন।

26
ফযা঳ ঴লে ছগর ওমেি পেমজ ইমেজ ঴ংযুবিকরন।ও হ্যাঁ, অয একটি কো ওমেি পেমজবট স্থানান্তলযয
প্রলোজন ঴লর images ছপাল্ডাযটি কট঩ কযলত বুরলফন না ছমন... ছকভন!!

HTML- টরি এয ফযফ঴ায:

কেনও কেনও, তেযফরী সুদৃশ্যরূল঩ উ঩স্থাট঩ত কযায জন্য ডকুলভন্িলক টফটবন্ন অটঙ্গলক ঳াজালনায
প্রলোজন ঩লে। এআ অটঙ্গলকয একটি রূ঩ ঴লরা তাটরকা টবটিক পভষ।তলফ ওলেফ ছ঩লজ একটি টফল঱লল
঩টদ্ধলত এআ তাটরকা প্রস্তুত কযালকআ টরি ফলর। HTML- এ টরি রৃআ ধযলনয-

১.<OL>(঄ডষাযড টরি)

২.<UL>(অন-঄ডষাযড টরি)

এোোও <LI> ঴লরা টরি।এআ িযাগটি <OL> ফা <UL> িযালগয ভধযফতষী স্থালন ধাযাফাট঴কতা যক্ষা
কলয।

অসুন একিু টফস্তাটযত ছজলন টনআ।

27
<OL> ঴লরা ordered list. ছকান তেযফরী ১.২.৩ এরূ঩ নম্বযমুক্ত কযলত ঴লর এআ িযাগ ফযফ঴ায কযা
঴ে।এোোও অ঩টন A, a, I, i গুলরা type ব঵঴ামি ফযফ঴ায কযলত ঩াযলফন।

<UL> ঵ম঱া unordered list. ছকান তেযফরীলক square, circle, disc ছদোলত চাআলর এআ িযাগ
ফযফ঴ায কযা ঴ে।

রৃআ টরলিযআ জন্যআ type এযাটট্রটফউি ট঴঳ালফ অ঩টন এআগুলরা ফযফ঴ায কযলত ঩াযলফন।

চরুন একিা উদা঴যন ছদলে টনআ। তা঴লর ঳ফ টকেু ফুেলত ঩াযলফন।

অউি঩ুি এযকভ:

28
ওমেি পেমজ ব঱ংক তৈরী করা:

এফায অভযা HTML -এয গুরুত্ব঩ূনষ ঄ং঱ ওলেফ ছ঩লজয টরংক ততযী কযা ট঱েলফা। ঩যাকটট্রকারী
(practically) অভযা ছকান ওলেফ঳াআি োউজ কযায ঳ভে ছকান ছরোয উ঩য টক্লক কযলর নতুন
একিা উআলন্ডা (window) ছোলর। ওোলন ওলেফ ছ঩লজয টরংক ফ঳ালনা োলক। এোোও অ঩টন মটদ
ওলেফ ছ঩লজয টরংক ফযফ঴ায না কলযন তা঴লর অ঩টন অ঩নায ঳াআলিয তেয ছফট঱ ছ঱োয কযলত
঩াযলফন না।অলযা ঄লনক সুটফধা অলে মা অ঩টন ছদেলরআ ফুেলত ঩াযলফন।

29
টনেভ:

১.<a>….</a> এযাংকর টযাগ বিমে ব঱ংক তৈরী করা ঵ে।

২. এআ িযালগয এযাটট্রটফউি ঴লরা href. href এযাটট্রটফউলিয বযারু ট঴঳ালফ অ঩টন ছম ছ঩লজয ঳ালে
ফতষভান ছ঩লজয ঳ংলমাগ ঘিালত চান তায টিকানা টদলত ঴লফ।এোোও এযাংকর টযামগর ওমেবনং ও
পিাবজং িযলগয ভলধয ছকান ছিেি টরেলত ঴লফ মা টবটজিয ছদেলত ঩ালফ।এেন এআ ছকাডটি ছদেুন:

এফায অসুন একটি উদা঴যন টদলে ফযা঩াযিা ফুলে টনআ:

ধরুন, একটি ওলেফ ঳াআলিয Home, Profile, Contact অলে।ওলেফ ঳াআটি োউজ কযায ঳ভে
প্রেলভ Home ছ঩আলজ ঢুকলরন। অ঩টন এেন অ঩নায ওলেফ ঳াআলিয Profile ছ঩লজ মালফন। অটভ
Profile ছ঩আজটিয নাভ টদরাভ profile.html. তা঴লর টরংলকয জন্য ছকাড টরেলত ঴লফ এযকভ:

অউি঩ুি অ঳লফ এযকভ:

এোোও এযাংকর টযামগর অলযা টকেু ঄঩ল঱ানার এযাটট্রটফউি অলে।

১. target এযাটট্রটফউি দ্বাযা অ঩নায টরংকটি টকবালফ ওল঩ন ঴লফ,তা টনধষাযন কলয টদলত
঩ালযন।লমভন: target=”_new” target=”_blank” টরংকটি টরেলর ওলেফ োউজালযয নতুন একটি
উআলন্ডা(window) ওল঩ন ঴লফ এফং target=”_self ” টরেলর টরংকটি ওলেফ োউজালযয ফতষভান
উআলন্ডালত ওল঩ন ঴লফ।

২. title এযাটট্রটফউটিলত title=”click on the link will take you to the profile page ” টরেলর
টবটজিয তায ভাউ঳ টরংক এ উ঩য যােলর click on the link will take you to the profile
page এই প঱খাবট পভম঴ উিমি।

30
HTML টদলে আলভআর ( Email) এযালে঳ টরংক কযা কযা:

আলভআর টরংলকয ছক্ষলএ mailto: ছপ্রালিাকর ফযফ঴ায কযা ঴ে।মটদও এআ ছপ্রালিাকর HTML িযান্ডাডষ
ছপ্রালিাকর নে, তফুও এটি ফয঩ক বালফ ঳ফষত্র ফযফহ্রত ঴লে োলক।আলভআর টরংক ততযী কযলত ঴লর
mailto: ছপ্রালিাকলরয ঳ালে এযাংকয টরংক এফং আলভর টিকানা টরেলত ঴ে।ধযা মাক অভালদয আলভর
টিকানা ঴র: fkarif.cse@gmail.com. এলক্ষলএ এয টরংক ঴লফ-

31
অউি঩ুি অ঳লফ এযকভ:

এআ টরংকটিলত টক্লক কযলর অ঩নায আলভআর ক্লাআন্ি স্বেংটিে বালফ চারু ঴লে মালফ।
পযলভিা ঴লফ এযকভ:

Address-এয

To Field: fkarif.cse@gmail.com
Subject: Introduce

টক ফয঩াযিা ফুেলত ছ঩লযলেন ছতা।অ঱া কটয ফুেলত ছ঩লযলেন.......চরুনএফায ঄ন্য টফলে গুলরা ছদলো
মাক।

32
HTML টদলে ছিটফর ততযী:

ওলেফ ছ঩লজ ছিটফর টদলে অ঩টন অ঩নায ছিেিলক অলযা সুন্দয কলয ঳াটজলে তুরলত ঩ালযন। চরুন
অভযা একিা ছিটফলরয পযলভি ছদলে টনআ। তায঩য অভযা টফস্তাটযত অলরাচনা কযলফা।

একিু ছেোর করুন:

<table>(এআ িযাগটি দ্বাযা ওলেফ ছ঩লজ ছিটফর ততযীয ঩টযলফ঱ ঳ৃটি কযা ঴লেলে)

<tr>(tr ভালন table row.এআ িযাগটি দ্বাযা ছিটফলরয একটি ছযা ততযী ঴লফ)

<td> (td ভালন এোলন মা টরেলফন তা ছযা এয টবতয ছদোলফ) </td>

33
অউি঩ুি অ঳লফ এযকভ:

অ঱া কটয ফুেলত ছ঩লযলেন। এিা টকন্তু েুফআ ঳াধাযন ছিটফর।঩লয অভযা অলযা সুন্দয ছিটফর ছদেলফা।

34
কযা঩঱ান ততযী কযা:

অভযা মেন ছকান ছিটফলর ছকান তেযফরী উ঩স্থা঩ন কটয,তেন উক্ত ছিটফলর উ঩লয ফা টনলচ একটি
নাভকযন কলয োটক। এলক ফরা ঴ে কযা঩঱ান। চরুন একটি উদা঴যন টদলে ছদটে:

অউি঩ুি অ঳লফ এযকভ:

35
অ঩টন আচ্ছা কযলর কযা঩঱ানলক উ঩লয ফা টনলচ টনলে ছমলত ঩ালযন।

অ঩টন ছিটফলরয জন্য এিুকু জানলরআ ঴ফ।অ঩টন অলযা জানায জন্য cellspacing, cellpadding
এগুলরা ছজলন টনলত ঩ালযন।অ঩নালদয সুটফধালতষ অটভ টকেু িযাগ অকালয টনলচ টদলে টদরাভ।
঄নু঱ীরন কযলর ফযা঩াযিা ফুেলত ঩াযলফন।

36
Cellpadding:

অউি঩ুি অ঳লফ এযকভ:

37
38
Cellspeacing:

অউি঩ুি অ঳লফ এযকভ:

39
তলফ ফতষভালন ছিটফলরয div ছফ঳ কাজ ঴ে। এিা জনায জন্য অ঩নালক CSS(cascading style
sheet) জানলত ঴লফ। মা ছ঴াক এেন অভযা HTML এ টপলয অট঳।কাযন HTML না ট঱লে অ঩টন
CSS বার বালফ ফুেলফন না।চরুন HTML এয অলযা টকেু ছজলন টনআ।

40
HTML টদলে ছেভ ছ঳ি িযাগ:

ছেভল঳ি ততযীয ভূর উলেশ্য ঴লরা োউজালযয উলন্ডালক একাটধক ঳াধীন বালফ বাগ কলয প্রলতযক বালগ
ছকান ঩ৃেক ঩ৃেক স্বাধীন োউজায উলন্ডায ভলতা কলয প্রদ঱ষন কযা।লেভল঳ি িযালগয ভাধযলভ অ঩টন
একআ োউজালযয উলন্ডালত ঄লনক গুলরা ছ঩জ এক ঳ালে ছদোলত ঩াযলফন।অভযা ছমভন একটি ছেলভয
টবতয েটফ ঳াটজলে যাটে, ছতভটন ছেলভয টবতয ওলেফ ছ঩জ গুলরা ছদোলফ।তলফ এয একিা োযা঩ টদক
অলে, তা ঴লর ছেলভয টবতয যাো ছকান েটফ, ছিক্সি আতযাটদ কনলিন্িগুলর ঳াচষ আটিন ঳ভূ঴ ঩ুলযা ঩ুটয
এটেলে মাে।তায঩যও ছেভল঳ি ততযী কযলত চাআলর প্রেলভ ছ঩জ গুলরা ততযী কলয টনলত ঴লফ।লেভল঳ি
িযাগ ঳ম্বটরত ছ঩জটিলত রৄধু ভাত্র ছেভল঳ি োো অয ছকান কনলিন্ি োকলফ না।তা঴লর অসুন অভযা
িযাগগুলরা ছদে টনআ।

এোলন ছেভল঳ি িযাগদ্বাযা ছেলভয ঩টযলফ঱ ঳ৃটি কযা ঴লেলে। ঩যফটতষ কাজ ঴লফ উআলন্ডালক কেটি
বালগ বাগ কযলফা তা টননষে কযা।লকান ফযাফয বাগ কযলফা এফং বাগটি অনুবূটভক ঴লফ না
উরলম্বা।উআলন্ডালক উরলম্বা ফযাফয বাগ কযলত ঴লর করাভ এফং অনুবূটভক ফযাফয বাগ কযলত ঴লর ছযা

41
ট঴঳ালফ টফবাজন কযলত ঴লফ।এয জন্য ছেভল঳লি করাভ এযং ছযা এয জন্য টনলদষ঱না টদলত ঴লফ। টনলচয
উদা঴যনিা ছদেুন:

উ঩লযয ঄ংল঱ করাভ ও ছযা উবেআ প্রেলভ ঴লেলে ৫০%, ঩লয একটি তাযকা টচে ফ঳ালনা
঴লেলে।করাভ এযং ছযা টফবাজলনয ছক্ষলত্র কেলনা % ঳঴ ঳ংেযা(৫০%, ২৫%), % োো
঳ংেযা(১০০,২০০) ও তাযকা টচে ট঴঳ালফ ফল঳।

চরুন ছেভল঳লি টনলে অলযা টকেু িযাগ ও উদা঴যন ছদলে টনআ।

ধরুন ছ঩জটিলক ছেভ দ্বাযা ভাোভাটে করাভ ওোআজ ঳ভান রৃআ বালগ বাগ কযলত চাআলর টরেুন:

42
ছমল঴তু অ঩টন ছেভটিলক রৃটি ছেলভ টফবক্ত কলযলেন, ছ঳ল঴তু রৃটি ছেলভয জন্য অ঩নালক অরাদা
অরাদা ছেভিযাগ টনলত ঴লফ।লমভন:

অটভ ধলয টনটচ্ছ page1.html ও page2.html ছ঩জ রৃআটি একআ ছপাল্ডালয অলে। ছেলভয ছকান
ছক্লাটজং িযাগ ছনআ, তলফ ছেভল঳লিয অলে।তাআ অ঩নালক ঳ফায ছ঱লল </frameset> িযাগ টদলে
ছেভটিলক ছক্লাজ কযলত ঴লফ।লেভল঳লি ও ছেলভয ঄ন্যান্য এযাটট্রটফউিগুলরা ঄঩ল঱ানার।

অ঩টন মটদ ছ঩জটিলক করাভ ওোআজ টফবক্ত না কলয ছযা ওোআজ টফবক্ত কযলত চান। তা঴লর িযাগটি
ছকভন ঴লতা। ধযা মাক, টতন ছযা টফট঱ি একটি ছ঩জ মায প্রেভটি ২০%, টদ্বতীেটি ৫০% অয তৃতীেটি
অ঩নায জনা ছনআ। জানা না োকলর অ঩টন * টচে ফযফ঴ায কযলত ঩াযলফন। তা঴র িযাগটি দাোলফ
এযকভ:

অ঱াকটয এিুকু ফুেলত ছ঩লযলেন।তা঴লর অসুন ছযা ও করাভ ঳ভম্বলে একটি পাং঱নার ছ঩আজ ততযী
কটয।

43
উ঩লযাক্ত িযাগটিলত একআ঳ালে ছযা ও করাভলক ফযফ঴ায কলযটে,তলফ এয জন্য অভালক ছেভল঳ি
িযাগটি রৃআফায ফযফ঴ায কযা ঴লেলে।এিা কযা ঴লেলে ছেভল঳ি িযালগয টবতয অলযা একটি ছেভল঳ি
ফযফ঴ায কলয। এিালক ফর ঴ে ছনটিং। চরুন এফায অউি঩ুি ছদলে টনআ:

44
ছেভ ফযফ঴ালযয ঳ফলচলে ফে সুটফধা ঴লরা,এিা টদলে ছ঩লজয ফাভটদলক ফা উ঩লযয টদলক ছনটবলগ঱ন
ফায ফা ছভনু ফায ততযী কযা োম, মা ঩টযফতষন ঴ে না।টকন্তু এলত ঄ফটস্থত ছকান টরংলক টক্লক কযলর
টরংকটি ছ঩লজয ডানটদলক ফা টনলচয টদলকয ছেলভ ওল঩ন ঴লফ।চরুন ঩ুলযা টফলেিা ছদলে ছনওো মাক :

45
ছ঩জটি frame.html এ svae করুন এফং একটি টনটদষি ছপাল্ডালয যােুন।এফায টনলচয িযাগটি ছদেুন:

46
এইিযাগটি ছমিা ছভনু ট঴঳ালফ ফাভ টদলক ফযফ঴ায ঴লফ এফং এটি searce.html ট঴঳ালফ ছ঳ব করুন।
অউি঩ুি অ঳লফ এযকভ:(মটদ অ঩নায কটিউিালয আনিাযলনি কালনক঱ান ছদওো োলক)

47
48
HTML ছ঩লজ পলভষয ফযফ঴ায:

অ঩টন মটদ আন্িাযলনি োউজ কলয োলকন তা঴লর টনশ্চআ ছদলেলেন ছকান ওলেফ ঳াআলি ছযটজলি঱ন
কযলত ঴লর username, email, password আতযাটদ টদলে একটি পভষ ঩ূযন কযলত ঴ে অয পভষটি
঳াফটভি কযায ঳ালে ঳ালে অ঩নালক একিা কনপাভষ ছভল঳জ ছদে।এিাআ ঴লরা একিা পলভয স্ট্র্যাকচায
ছমিা html টদলে কযলত ঴ে। তলফ html পভষলক ফযফ঴ায কযায জন্য অ঩নালক একিা ফযাকএন্ড
ডািালফ঳ (ছমভন:Mysql,Oracal,Microsoft access আতযাটদ)এফং ছম ছকান একটি ঳াবষায ঳াআড
রযাঙ্গুলেজ( php, asp, asp.net, jsp)প্রলোজন ঴লফ।তা োো html পভষ ছতভন ছকান কালজ অ঳লফ
না।তলফ html পভষ িা ট঱লে যাো বার। ছকন ফরটে? মেন অ঩টন ঳াবষায ঳াআড রযাঙ্গুলেজ ট঱েলফন
তেন কালজ রাগলফ।চরুন অয ছদটয না কলয পলভষয িযাগ গুলরা ট঱লে টনআ।

পভষ ততযী কযায জন্য িযাগটি রৄরু ঴লফ <form> টদলে এফং ছ঱ল ঴লফ </form>. পলভষয এআ কাজটি
রৃআটি এযাটট্রটফউি দ্বাযা ততযী ঴ে। ছ঳গুলরা ঴লরা:

1. Action: এআ এযাটট্রটফউি পভষ ছেলক অউি঩ুি প্রল঳঳ কলয HTTP ঳াবষাযলক টনলদষট঱ত কলয।

2. Method: এআ এযাটট্রটফউি োউজাযলক ফলর টদলফ ঳াবষায টকবালফ তেয ছপ্রযন কযলফ।এআ তেয
ছপ্রযলনয ছক্ষলত্র ছফ঱টকেু ঄঩঱ন অলে।লমভন: POST METHOD ও GET METHOD.

এআ রৃলিা টফলে একিু ঳াবষায ঳াআড কোফাতষা। এেন ফুেলত ঩াযলফন না। ঳াবষায ঳াআড রযাঙ্গুলেজ
কযায ঳ভে ফুেলফন।

঄লনক ফকফক কযটে তাআ না।অসুন এফায পলভষয এযাটট্রটফউি গুলরা ছজলন টনআ।

49
পলভষ ফািন ততযী: কননচর টযাগটি বেখুন:

অউি঩ুি অ঳লফ এযকভ:

পলভষয আন঩ুি টপল্ড ততযী: টনলচয িযাগটি ছদেুন:

50
আউটপুট আ঴নে এরিম:

পলভষ ছযটডও ফািন স্থা঩ন: টনলচয িযাগটি ছদেুন:

51
অউি঩ুি অ঳লফ এযকভ:

পছভষ ঩া঳ওোডষ ও ছিক্সি এটযো ঳ৃটি: টনলচয িযাগটি ছদেুন:

52
আউটপুট আ঴নে এরিম:

HTML অ঩লরাড পভষ:

ফতষভালন ছপ঳ফুলক অভযা আলভজ অ঩লরাড কযায ঳ভে োউজ ফািলন টক্লক কযলর অ঩টন অ঩নায
কটিউিায ছেলক আলভজ ট঳লরক্ট কলয টদলর আলভজ অ঩লরাড ঴ে। অভযা এেন ছ঳আ োউজ ফািলনয
িযাগটি ছদেফ।

টনলচয িযাগটি ছদেুন:

53
অউি঩ুি অ঳লফ এযকভ:

54
HTML ছচকফক্স, ে঩ডাউন, ট঳লরক঱ন পভষ:

অউি঩ুি অ঳লফ এযকভ:

55
পভষ টনলে অলরাচনা এোলন ছ঱লল কযা ঴লরা এফং অভযা অভালদয ফআলেয ছ঱ল ঩মষালে চলর এল঳টে।
এেন অটভ টনলচ অলযা টকেু টফলে অলরাচনা কযলফা অ঱াকটয অ঩নালদয তা কালজ রাগলফ।

ছ঴াভ ছ঩লজয নাভ কযন:

অ঩টন মেন ছকান ওলেফ ঳াআলিয এযালে঳ টরলে উক্ত ওলেফ ঳াআটিলত প্রলফ঱ কযায ছচিা কলযন, তেন
অ঩টন ছকান ছ঩লজয নাভ টনটদষি কলয না টদলরও অ঩নায ঳াভলন টিকআ উক্ত ওলেফ ঳াআটিয ছভআন
ছ঩আজটি চলর অল঳।লমভন: অ঩টন http://www.google.com টরলে োউজ কযলর গুগলরয ছভআন
ছ঩আজটি অ঩নায ঳াভলন চলর অ঳লফ।লম ছকান ওেলফ ঳াআলিয ছভআন ছ঩আজটি ছদলে এয টফলে ফস্তু
঳ম্বলে ধাযনা ঩াওো োম।তাআ অ঩নায ওলেফ ঳াআলিয ততযীয ঳ভে রক্ষয যােলফন ছম অ঩নায ওলেফ
঳াআটিয টফলে ফস্তু এয ছ঴াভ ছ঩আজটি ছদলে ফা ঩লে টবটজিযযা ফুেলত ঩ালয। ছ঴াভ ছ঩আজটিয নাভ
঳ফষদা index.html , index.htm, default.html, default.htm আতযাটদ যাো উটচৎ। ছকননা টে
ওলেফ ছ঴াি ঳াআটিগুলরা এ জাতীে নাভ োো অয ছকান নাভ ঳াল঩ািষ কলয না। তাোোও এটি ওলেলফয
একটি universal standard, মা ঳ফাযআ ছভলন চর উটচৎ।

56
অচ্ছা অটভ ধলয টনরাভ অ঩টন উ঩লযয ফআটি ছেলক ছভািাভুটি ঳ফটকেু ঄নু঱ীরন কলযলেন এফং ট঱লে
ছপলরেলন।এেন অ঩টন ঄ফশ্যআ একটি ওলেফ ঳াআি ফানালনায কো বাফেলন। তা঴লর তাোতাটে রৄরু
কলয ছদন । অয ছদটয ছকন???

অচ্ছা এেন, অটভ ধলয টনটচ্ছ অ঩টন একটি ওলেফ ঳াআি ফাটনলেও ছপলরলেলন ফা রৄরু কযলত
মালচ্ছন।এেন ওলেফ ঳াআটি একটি টনদষি স্থালন যােলত ঴লফ ছমোন ছেলক ঳ফাআ অ঩নায ঳াআটি ঳ফাআ
ছদেলফ। না, অ঩নায কটিউিালয যােলর ঳ফাআ ছদেলত ঩ালফ?? টফলেিা ছকভন রাগলে তাআ না। অসুন
টফলেিা একিু বার বালফ ফুলে টনআ।

অ঩নায ওলেফ঳াআি ঳ফাআলক ছদোলত ঴লর ঳ফষপ্রেভ অ঩নালক একটি ছডালভআন ছনভ ও ছ঴াটিং
টকনলত ঴লফ। এয জন্য ছদল঱ ও ছদল঱য ফাআলয অলনক প্রটতষ্ঠান অলে মাযা এআ ঳াটবষ঳িা টদলে োলক।
তলফ অয একিা সুেফয ঴লরা এআ ছম, ঄লনক প্রটতষ্ঠান অলে মাযা এআ ঳াবষ঳িা টে টদলে োলক।অটভ
এআ ঳ম্বলে একিা চািষ টনলচ টদলে ছদফ।

ছডালভআন ছনভ টক:

অভযা ছকান ওলেফ ঳াআি টবটজি কযলত ঴লর োউজালযয এযালে঳ফালয ছম টিকানা টরটে ছ঳িালক ফরা
঴ে ছডালভন। ছমভন ধলযন: www.facebook.com, www.google.com,
www.scripttunner.com etc. অয ছম ঩টদ্ধলত ছডালভন ছনভলক টনেন্ত্রন কযা ঴ে তালক ফা ঴ে
DNS(Domain Name System) ।এয দ্বাযা আন্িাযলনলি কটিউিালযয ঄ফস্থান এযং ঩টযটচটত জানা
োে। প্রটতটি ওলেফ টিকানা ঄নু঳যন কলয একটি অআট঩ টিকানা। অভযা মেন ছকান ওলেফ টিকানা
঄নু঳যন কলয আন্িাযলনলি তো঳ী চারাআ,তেন DNS এয ভাধযলভ তা অআট঩ এডলেল঳ ঩টযনত
঴ে।লডালভন প্রদানকাযী ঳ংস্থা InterNIC টফটবন্ন কামষকাযন টফচায কলয ঳াত ধযলনয ছডালভন ছনভ
প্রদান কলয োলক। ছমভন: .com, .edu, .gov, .int, .mil, .net, .org etc. অয একিা কো ফলর যাো
বার ছ঳িা ঴র এক নালভ ভাত্র একটি ছডালভআন ঴ে।

57
ছ঴াটিং টক?

অ঩নায ওলেফ ঳াআিিা ততযী কযা ঴লে ছগলর ঳াযা টফে ছেলক ছদো মালফ মেন অ঩টন ঳াআিিা ওলেফ
঳াবষালয ছ঴াটিং কযলফন(জােগা কলয টনলফন)।এিা ছকাোে ঩ালফন? এআ জােগা অ঩নালক টদলফ
অআএ঳ট঩ ফযফ঳ােীযা। অ঩নায ছ঩আজটি ছ঴াটিং কযলত কতিুকু জােগা রাগলফ তায উ঩য টবটি কলয
উক্ত ফযফ঳ােী একটি বাো টনধষাযন কলয টদলফন।অ঩টন তালদয কালে ছগলরআ টনটদষি ঩টযভান িাকায
টফটনভলে এ঳ফ ঳াটবষ঳ ছদলফ।টকেু তফট঱লিযয টবটিলত এ঳ফ ছকািাটনয টফটবন্ন ঩যালকজ অলে অ঩টন
অ঩নায সুটফধাভত ঩যালকজটি ছফলে টনলফন।

উআলন্ডাজ ছ঴াটিং ( WINDOWS HOSTING )

মটদ অ঩টন অ঩নায ঳াআি ASP(Active Server Page) Programming Language এফং
Microsoft SQL Server ছডিালফ঳ ফযাফ঴ায কলয ততযী কলয োলকন তা঴লর অ঩নালক Windows
Server এ ছ঴াটিং কযলত ঴লফ

টরনাক্স ছ঴াটিং ( LINUX HOSTING )

অয অ঩টন মটদ অ঩নায ওলেফ঳াআি PHP এফং MySQL ছডিালফ঳ টদলে ততযী কলয োলকন
তা঴লর Linux Server এ ছ঴াটিং কযলত ঴লফ।ফাংরালদল঱ এটিআ ছফট঱ প্রচটরত।কাযন
ফাংরালদল঱ ASP Developer এয ছচলে PHP Developer এয ঳ংেযা ছফট঱

অটভ এোলন টকেু ওলেফ ছ঴ালিয টপচায ঳঴ তাটরকা টদরাভ, টফস্তাটযত জানায জন্য টবটজি করুন
এলদয ওলেফ ঳াআলি । এযা টে ও টপ্রল঩আড রৃআ ধযলনয ঳াবষ঳ ছদে।

58
http://www.freehostia.com/

http://www.110mb.com

http://www.co.cc/

http://www.bravenet.com

* Limited bandwidth
* No database support
* Super add ons
* Banner ads
* 50 MB space
* Web based FTP upload
* Limited file types

http://www.geocities.com

* Limited band width

* No database support
* Huge add ons
* Banner and frame ad
* 15 MB space
* HTTP upload
* Limited file types

59
http://www.brinkster.com

* Limited bandwidth
* ASP support
* ASP.NET support
* Access DB support
* Google banner and text ads
* 15 MB space (Educational package)
* HTTP upload
* Limited file types

60
 --঳িাদনা--

Arif karim
Dept. of Computer Science & Engineering
Sylhet Engineering College, (www.sec.ac.bd)

- - টফল঱ল কৃতজ্ঞতা- -

কাভরুর ঴ােদায, অ঴঳ানুর ঴ক ছ঱াবন, ছযজওোনুর অরভ

কৃতজ্ঞতা

সুভন, জুলের, ঄ট঩,পাট঴ভ,যাট঴ভ

61
62