Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 1 of 54

এইচিটএমএল ই-বক ১০

েলখকঃ অসীম কমমা পমল

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 2 of 54

েলখকঃ অসীম কমমা পমল

অসীম কমমা ১৯৮৭ সমেল

কিয়ময় জহণ কোন ২০১০ সমেল

িতিন কিয়ম পিলেটকিনক ইনিিটউট েথেক িডেমমম পমস কোন িতিন ঢমকম েকৗশল যি িবিবদযমলেয়

িব এস িস ইন ইেলকিকযমল এনড ইেলকিক ইিিনয়মিাং এ পড়েছন িতিন ওেয়ব েডভলপেমনট এবং মমইেয়মকেনলমোা উপো ধমামবমিহক িটউেটমিায়মল িলেখ সবমা নজো আেসন এছমড়মও িতিন েটকিটউনস িটউেটমিায়মলিবিডসহ েবশ িকছ বমংলম ো িলেখ থমেকন

বতরমমেন িতিন িটউেটমেহমে কমরাত আেছন

আিথরক সহেযমিাতময়

িটউেটমেহম TutoHostcom

া িািডং

িনলামা ইয়মসিমন AmusingOceancom

সমদনমঃ মমহবব িটউেটম

বমংলমেদেশ িশমমলক অনলমইন কমশনমগেলম এেকবমো হমেতগেন োলম যময় এ েদেশা তন সমমজ তথযযিেত নতন নতন েমধম একিত হেয় মন অজরেনা জ কমজ কো যমে িবষয়িট একিট িনাব িবেবা মেতম আা এই সজনশীল বযিেদা িশম কমযরয়ম ও উমবনী শিা কমশনম ধমামবমিহক এইচিটএমএল িটউেটমিায়মল যম

এখন ই-বক আকমো কমশ কাম হেলম

যি েলখক অসীম কমমোা হমত ধো ldquoএইচিটএমএল বমংলম ই-বক ১০rdquo সবমইেক ওেয়ব েডভলপেমেনটা িশখমা থম পদেপ িহেসেব এিােয় িনেয় যমেব বেল আশম কিা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 3 of 54

সিচ পঃ

bull HTML িক bull HTML এা ইিতহমস bull েমমম েলখমা পিত bull টযমা সমহ ও বযবহমা bull ইিলেমনট িক এবং িকভমেব বযববত হয় bull এিিবউট িক এবং িকভমেব বযববত হয় bull েহিডং টযমা ও বযবহমা bull HTML পযমামমা bull েটট াােমিটং bull ানট টযমা এা বযবহমা bull মইেলা বযবহমা bull িলংক কমেশা পিত bull ছিব কমশ bull েটিবল ও েটিবল কমশ পিত bull িলো বযবহমা bull HTML ামর bull েম এা বযবহমা bull আই েম এা বযবহমা bull াং ও েকমড bull েল আউট পিত bull HTML এ িসএসএস এা বযবহমা bull েহড bull েমটম টযমা bull HTML এ ি এা বযবহমা bull ওেয়েব অিডও ামইল চমলমেনমা পিত bull ওেয়েব িভিডও ামইল চমলমেনমা পিত bull ওেয়েব মস ামইল চমলমেনমা পিত

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 2 of 54

েলখকঃ অসীম কমমা পমল

অসীম কমমা ১৯৮৭ সমেল

কিয়ময় জহণ কোন ২০১০ সমেল

িতিন কিয়ম পিলেটকিনক ইনিিটউট েথেক িডেমমম পমস কোন িতিন ঢমকম েকৗশল যি িবিবদযমলেয়

িব এস িস ইন ইেলকিকযমল এনড ইেলকিক ইিিনয়মিাং এ পড়েছন িতিন ওেয়ব েডভলপেমনট এবং মমইেয়মকেনলমোা উপো ধমামবমিহক িটউেটমিায়মল িলেখ সবমা নজো আেসন এছমড়মও িতিন েটকিটউনস িটউেটমিায়মলিবিডসহ েবশ িকছ বমংলম ো িলেখ থমেকন

বতরমমেন িতিন িটউেটমেহমে কমরাত আেছন

আিথরক সহেযমিাতময়

িটউেটমেহম TutoHostcom

া িািডং

িনলামা ইয়মসিমন AmusingOceancom

সমদনমঃ মমহবব িটউেটম

বমংলমেদেশ িশমমলক অনলমইন কমশনমগেলম এেকবমো হমেতগেন োলম যময় এ েদেশা তন সমমজ তথযযিেত নতন নতন েমধম একিত হেয় মন অজরেনা জ কমজ কো যমে িবষয়িট একিট িনাব িবেবা মেতম আা এই সজনশীল বযিেদা িশম কমযরয়ম ও উমবনী শিা কমশনম ধমামবমিহক এইচিটএমএল িটউেটমিায়মল যম

এখন ই-বক আকমো কমশ কাম হেলম

যি েলখক অসীম কমমোা হমত ধো ldquoএইচিটএমএল বমংলম ই-বক ১০rdquo সবমইেক ওেয়ব েডভলপেমেনটা িশখমা থম পদেপ িহেসেব এিােয় িনেয় যমেব বেল আশম কিা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 3 of 54

সিচ পঃ

bull HTML িক bull HTML এা ইিতহমস bull েমমম েলখমা পিত bull টযমা সমহ ও বযবহমা bull ইিলেমনট িক এবং িকভমেব বযববত হয় bull এিিবউট িক এবং িকভমেব বযববত হয় bull েহিডং টযমা ও বযবহমা bull HTML পযমামমা bull েটট াােমিটং bull ানট টযমা এা বযবহমা bull মইেলা বযবহমা bull িলংক কমেশা পিত bull ছিব কমশ bull েটিবল ও েটিবল কমশ পিত bull িলো বযবহমা bull HTML ামর bull েম এা বযবহমা bull আই েম এা বযবহমা bull াং ও েকমড bull েল আউট পিত bull HTML এ িসএসএস এা বযবহমা bull েহড bull েমটম টযমা bull HTML এ ি এা বযবহমা bull ওেয়েব অিডও ামইল চমলমেনমা পিত bull ওেয়েব িভিডও ামইল চমলমেনমা পিত bull ওেয়েব মস ামইল চমলমেনমা পিত

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 3 of 54

সিচ পঃ

bull HTML িক bull HTML এা ইিতহমস bull েমমম েলখমা পিত bull টযমা সমহ ও বযবহমা bull ইিলেমনট িক এবং িকভমেব বযববত হয় bull এিিবউট িক এবং িকভমেব বযববত হয় bull েহিডং টযমা ও বযবহমা bull HTML পযমামমা bull েটট াােমিটং bull ানট টযমা এা বযবহমা bull মইেলা বযবহমা bull িলংক কমেশা পিত bull ছিব কমশ bull েটিবল ও েটিবল কমশ পিত bull িলো বযবহমা bull HTML ামর bull েম এা বযবহমা bull আই েম এা বযবহমা bull াং ও েকমড bull েল আউট পিত bull HTML এ িসএসএস এা বযবহমা bull েহড bull েমটম টযমা bull HTML এ ি এা বযবহমা bull ওেয়েব অিডও ামইল চমলমেনমা পিত bull ওেয়েব িভিডও ামইল চমলমেনমা পিত bull ওেয়েব মস ামইল চমলমেনমা পিত

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 4 of 54

১ HTML িক এখমেন ধমামবমিহক ভমেব বমংলম ভমষময় HTML এা উপা িটউেটমিায়মল েলখম হেয়েছ ডমন পমেশা ধমামবমিহক িলংক েথেক HTML সিকরত িবমিাত মন অজরন কাম যমেব

HTML একটম কিউটমা লযমােয়জ যম পিথবীা িবশমল তথয-ভমনডমােক ইনটমােনেটা মমধযেম দশরেনা সেযমা ৈতিা কো িদেয়েছ একটম ওেয়ব েপেজা মল াঠন ৈতিা হয় HTML িদেয় HTML েকমন েমমিমং লযমােয়জ নয় এেক Hyper Text Mark Up Language বলম হয় Mark Up Language এক েসট Mark Up টযমোা সমেয় ািঠত হয় একটম ওেয়ব েপেজা িবিভ অংশ মউজমোা মমধযেম িকভমেব দিশরত হেব তম HTML এ Mark

Up টযমা সমহ বযবহমা কো কমশ কাম হয়

HTML এা ইিতহমস HTML বা Hyper Text Mark Up Language ৈতিা কোেছন িটম বমনরমস-লী এখমেন এইচিটএমএল এা সংি ইিতহমস তেল ধাম হেলম

HTML বম Hyper Text Mark Up Language ৈতিা কোেছন িটম বমনরমস-লী HTML ৈতিাা উে িছল ৈবমিনক ােবষণমা তথয উপম ত পিথবীা িবিভ মেন আদমন দমেনা বযবম কাম ১৯৯০ সমেলা িদেক NCSA কতরক েডভলপকত েমমজমইক মউজমোা মমধযেম HTML পিািচিত লমভ কো ১৯৯৭ এা জমনয়মাীেত WC3 কতরক থম েডভলপকত HTML32 কমিশত হয় একই বছো েশেষ িডেসো WC3 HTML এা নতন সংাণ HTML42 কমশ কো ২০১০ সমেল বতরমমেন চিলত HTML এা সবরেশষ ভমসরন HTML5 জনসেখ পিািচিত লমভ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 5 of 54

২ েমমম েলখমা পিত েয েকমন েমমম েলখমা জই েকমন একটম এিডটা বযবহমা কো েকমিডং কােত হয়এখমেন এইচিটএমএল এ েমমম েলখমা সমধমান পিত একিট মথিমক েমেজ এবং সমধমান টযমাসমহ িনেয় আেলমচনম কাম হেব

েয েকমন েমমম েলখমা জই েকমন একটম এিডটা বযবহমা কো েকমিডং কােত হয় HTML এ েমমম েলখমা জ মথিমকভমেব এিডটা িহেসেব উইেনডমজ অপমোিটং িসেেমা িডা এিডটা notepad বযবহমা কাম েযেত পমো এবং বমড়িত সিবধম পমবমা জ এডভম এিডটা িহেসেব Dreamweaver এবং Notepad++ বযবহমা কাম ভমল HTML এ েলখম েমমম html এেটনশন েযমন indexhtml মাম Save কো েযেকমন মউজমা েযমন Internet explorer Mozilla Firefox Google chrome

এবং Opera মাম েদখম যমেব

HTML এ েলখম েমমেমা েমৗিলক অংশ সমহ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbodygt This is my first web page I am learning now HTML ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 6 of 54

HTML এ েলখম েমমেমা িবিভ অংশ িবেষণ েমমেমা মেধয ltgt এবং lt gt দইটম িচ এবং এা মেধয িকছ Word েযমন html head title body এগেলমেক Keyword বেল এবং ltgt বম lt gt িচ এবং এা মমেঝ েলখম একিট Keyword েক টযমা বলম হয় েযমন ltheadgt অথর head টযমা HTML এ দই ধােনা টযমা ােয়েছ ltgt িচ ও keyword িনেয ািঠত টযমােক শ টযমা এবং lt gt িচ ও keyword িনেয ািঠত টযমােক েশষ টযমা বেল েযমন lt titlegt অথর title শ টযমা এবং lttitle gt অথর title েশষ টযমা

lthtmlgt বম html টযমা HTML এ েমমম েলখমা জ সম code েক lthtmlgt lthtmlgt এা মমেঝ েলখম হয়

ltheadgt বম head টযমা ltheadgtltheadgt এা েভতো lttitlegt lttitlegt টযমা েলখম হয় যমা মমধযেম ওেয়বসমইেটা title বম িশোমনমম দশরেনা বযবম কাম হয় এই code এ title িহেসেব wwwtutohostcom েলখম হেয়েছ যম মউজমোা title bar এ েদখম যমে এছমড়ম css এা stylesheet েক head টযমোা মেধযই call কাম হয়

ltbodygt বম body টযমা ltbodygt বম body টযমা খবই গরপণর একিট ওেয়ব সমইেটা মল Content সমহ Body টযমোা মেধয অবমন কো ltbodygtltbodygt টযোা মেধযই িবিভ Text Image Table ইতযমিদ াােমিটং এা জ িবিভ টযমা সমহ েলখম হয় এই code এ ltbodygtltbodygt টযোা মেধয This is my first web page I am learning now HTML েলখম হেয়েছ যম মউজমোা মল অংেশ দিশরত হে

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 7 of 54

৩ HTML টযমা িক

এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ সেকর জমনম খবই গরপণর আমাম সহেজই এখমন েথেক এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ েজেন িনেত পমাব

HTML এ েমমম েলখমা জ ltgt এবং ltgt দইটম িচ এবং এা মেধয িকছ Word েযমন html head title body ইতযমিদ Keyword বযবহমা কাম হয় ltgt বম ltgt িচ এবং এা মমেঝ েলখম একিট Keyword েক একে টযমা বলম হয় েযমন lthtmlgt এবং lthtmlgt ltbodygt হল body শ টযমা এবং lt bodygt হল body েশষ টযমা

HTML এা সমধমান টযমা সমহ

টযমা সমহ বণরনম

lthtmlgt lthtmlgt HTML ডকেমনট িনেদরশ কো ltheadgtltheadgt েমমেমা head অংশ িনেদরশ কো lttitlegtlttitlegt ডকেমনট টমইেটল িনেদরশ কো

ltbodygtltbodygt েমমেমা মল content অংশ িনেদরশ কো ltagtltagt Anchor টযমা

ltabbrgtltabbrgt Abbreviation টযমা ltbgtltbgt Bold েটট িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 8 of 54

ltigtltigt Italic েটট িনেদরশ কো ltbiggtltbiggt মভমিবেকা েচেয় বড় েটট িনেদরশ কো

ltsmallgtltsmallgt মভমিবেকা েচেয় েছমট েটট িনেদরশ কো ltblockquotegt ltblockquotegt িবেশষ উিত কমশ কােত বযববত হয়

ltbr gt একটম লমইন েক ৈতিা কো ltcodegtltcodegt কিউটমা েকমড েটট কমশ কো lttablegtlttablegt েটিবল ৈতিােত বযববত হয়

ltcolgtltcolgt েটিবেলা কলমম ৈতিােত বযববত হয় lttdgtlttdgt েটিবেলা েসল ৈতিােত বযববত হয় lttrgtlttrgt েটিবেলা সমিা ৈতিােত বযববত হয়

ltformgtltformgt াাম ৈতিােত বযববত হয় lth1gtlth1gt েহডমা টযমা 1-6 পযর হয়

lthrgt সমমামল োখম ৈতিা কো ltimggt ছিব য কােত বযববত হয়

ltinputgtltinputgt াােমা ইনপট িা ৈতিােত বযববত হয় ltligtltligt িল ৈতিােত বযববত হয়

ltmetagtltmetagt Meta টযমা ltolgtltolgt অডরমা িল ৈতিােত বযববত হয় ltulgtltulgt আনঅডরমা িল ৈতিােত বযববত হয় ltpgtltpgt পযমামমা িনেদরশ কো

ltpregtltpregt pre-formatted েটট ৈতিােত বযববত হয় ltttgtltttgt েটিলটমইপ েটট িনেদরশ কো

ltstronggtltstronggt Strong েটট িনেদরশ কো ltsubgtltsubgt subscripted text িনেদরশ কো ltsupgtltsupgt superscripted text িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 9 of 54

৪ HTML ইিলেমনট

HTML এ েযেকমন শ এবং েশষ টযমোা মমেঝা অংশেক ইিলেমনট বলম হয় েযমন lth1gt This is an example of elementlth1gt এখমেন lth1gt েহডমা1 শ এবং lth1gt েহডমা1 েশষ টযমোা মমেঝ This is an example of element েলখম হেয়েছ তমই ldquoThis is an example of elementrdquo একিট ইিলেমনট িকছ িকছ টযমোা েকমন ইিলেমনট থমেক নম েযমন ltbr gt ltimg gt ইতযমিদ

শ টযমা ইিলেমনট েশষ টযমা

lth1gt This is an element lth1gt ltpgt This is paragraph ltpgt

ltbr gt ltimg gt

সমধমাণতঃ েয সকল টযমোা েশষ টযমা থমেক নম তমেদা ইিলেমনটও থমেক নম এ ধােণা শ টযমোা মেধযই িচিট অভর থমেক এবং এা আো একটম েস িদেত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 10 of 54

৫ HTML এিিবউটস HTML এিিবউটস সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট িবষয় HTML টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় এখমেন উদমহাণ সহ HTML এিিবউটস সেকর িবমিাত আেলমচনম কাম হেব

HTML এ এিিবউটস ইিলেমনট এা আনসমিাক তথয কমশ কো মলত HTML এ টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় েযমন ltfont size=5 face=Tahoma color=redgt This is a paragraphltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা This is a paragraph েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

িকছ HTML এিিবউটস

টযমা এিিবউটস ltfontgt size=5 face=Tahoma color=red

lth1gthelliplth6gt ltpgt align=center align=left align=right title=Bangladesh

ltbodygt bgcolor=green background=imageselepng

ltdivgt id=book class=pen align=center

ltimggt lttablegt height=100px width=50px border=5px

ltinput gt type=text name=TextField

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 5 of 54

২ েমমম েলখমা পিত েয েকমন েমমম েলখমা জই েকমন একটম এিডটা বযবহমা কো েকমিডং কােত হয়এখমেন এইচিটএমএল এ েমমম েলখমা সমধমান পিত একিট মথিমক েমেজ এবং সমধমান টযমাসমহ িনেয় আেলমচনম কাম হেব

েয েকমন েমমম েলখমা জই েকমন একটম এিডটা বযবহমা কো েকমিডং কােত হয় HTML এ েমমম েলখমা জ মথিমকভমেব এিডটা িহেসেব উইেনডমজ অপমোিটং িসেেমা িডা এিডটা notepad বযবহমা কাম েযেত পমো এবং বমড়িত সিবধম পমবমা জ এডভম এিডটা িহেসেব Dreamweaver এবং Notepad++ বযবহমা কাম ভমল HTML এ েলখম েমমম html এেটনশন েযমন indexhtml মাম Save কো েযেকমন মউজমা েযমন Internet explorer Mozilla Firefox Google chrome

এবং Opera মাম েদখম যমেব

HTML এ েলখম েমমেমা েমৗিলক অংশ সমহ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbodygt This is my first web page I am learning now HTML ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 6 of 54

HTML এ েলখম েমমেমা িবিভ অংশ িবেষণ েমমেমা মেধয ltgt এবং lt gt দইটম িচ এবং এা মেধয িকছ Word েযমন html head title body এগেলমেক Keyword বেল এবং ltgt বম lt gt িচ এবং এা মমেঝ েলখম একিট Keyword েক টযমা বলম হয় েযমন ltheadgt অথর head টযমা HTML এ দই ধােনা টযমা ােয়েছ ltgt িচ ও keyword িনেয ািঠত টযমােক শ টযমা এবং lt gt িচ ও keyword িনেয ািঠত টযমােক েশষ টযমা বেল েযমন lt titlegt অথর title শ টযমা এবং lttitle gt অথর title েশষ টযমা

lthtmlgt বম html টযমা HTML এ েমমম েলখমা জ সম code েক lthtmlgt lthtmlgt এা মমেঝ েলখম হয়

ltheadgt বম head টযমা ltheadgtltheadgt এা েভতো lttitlegt lttitlegt টযমা েলখম হয় যমা মমধযেম ওেয়বসমইেটা title বম িশোমনমম দশরেনা বযবম কাম হয় এই code এ title িহেসেব wwwtutohostcom েলখম হেয়েছ যম মউজমোা title bar এ েদখম যমে এছমড়ম css এা stylesheet েক head টযমোা মেধযই call কাম হয়

ltbodygt বম body টযমা ltbodygt বম body টযমা খবই গরপণর একিট ওেয়ব সমইেটা মল Content সমহ Body টযমোা মেধয অবমন কো ltbodygtltbodygt টযোা মেধযই িবিভ Text Image Table ইতযমিদ াােমিটং এা জ িবিভ টযমা সমহ েলখম হয় এই code এ ltbodygtltbodygt টযোা মেধয This is my first web page I am learning now HTML েলখম হেয়েছ যম মউজমোা মল অংেশ দিশরত হে

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 7 of 54

৩ HTML টযমা িক

এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ সেকর জমনম খবই গরপণর আমাম সহেজই এখমন েথেক এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ েজেন িনেত পমাব

HTML এ েমমম েলখমা জ ltgt এবং ltgt দইটম িচ এবং এা মেধয িকছ Word েযমন html head title body ইতযমিদ Keyword বযবহমা কাম হয় ltgt বম ltgt িচ এবং এা মমেঝ েলখম একিট Keyword েক একে টযমা বলম হয় েযমন lthtmlgt এবং lthtmlgt ltbodygt হল body শ টযমা এবং lt bodygt হল body েশষ টযমা

HTML এা সমধমান টযমা সমহ

টযমা সমহ বণরনম

lthtmlgt lthtmlgt HTML ডকেমনট িনেদরশ কো ltheadgtltheadgt েমমেমা head অংশ িনেদরশ কো lttitlegtlttitlegt ডকেমনট টমইেটল িনেদরশ কো

ltbodygtltbodygt েমমেমা মল content অংশ িনেদরশ কো ltagtltagt Anchor টযমা

ltabbrgtltabbrgt Abbreviation টযমা ltbgtltbgt Bold েটট িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 8 of 54

ltigtltigt Italic েটট িনেদরশ কো ltbiggtltbiggt মভমিবেকা েচেয় বড় েটট িনেদরশ কো

ltsmallgtltsmallgt মভমিবেকা েচেয় েছমট েটট িনেদরশ কো ltblockquotegt ltblockquotegt িবেশষ উিত কমশ কােত বযববত হয়

ltbr gt একটম লমইন েক ৈতিা কো ltcodegtltcodegt কিউটমা েকমড েটট কমশ কো lttablegtlttablegt েটিবল ৈতিােত বযববত হয়

ltcolgtltcolgt েটিবেলা কলমম ৈতিােত বযববত হয় lttdgtlttdgt েটিবেলা েসল ৈতিােত বযববত হয় lttrgtlttrgt েটিবেলা সমিা ৈতিােত বযববত হয়

ltformgtltformgt াাম ৈতিােত বযববত হয় lth1gtlth1gt েহডমা টযমা 1-6 পযর হয়

lthrgt সমমামল োখম ৈতিা কো ltimggt ছিব য কােত বযববত হয়

ltinputgtltinputgt াােমা ইনপট িা ৈতিােত বযববত হয় ltligtltligt িল ৈতিােত বযববত হয়

ltmetagtltmetagt Meta টযমা ltolgtltolgt অডরমা িল ৈতিােত বযববত হয় ltulgtltulgt আনঅডরমা িল ৈতিােত বযববত হয় ltpgtltpgt পযমামমা িনেদরশ কো

ltpregtltpregt pre-formatted েটট ৈতিােত বযববত হয় ltttgtltttgt েটিলটমইপ েটট িনেদরশ কো

ltstronggtltstronggt Strong েটট িনেদরশ কো ltsubgtltsubgt subscripted text িনেদরশ কো ltsupgtltsupgt superscripted text িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 9 of 54

৪ HTML ইিলেমনট

HTML এ েযেকমন শ এবং েশষ টযমোা মমেঝা অংশেক ইিলেমনট বলম হয় েযমন lth1gt This is an example of elementlth1gt এখমেন lth1gt েহডমা1 শ এবং lth1gt েহডমা1 েশষ টযমোা মমেঝ This is an example of element েলখম হেয়েছ তমই ldquoThis is an example of elementrdquo একিট ইিলেমনট িকছ িকছ টযমোা েকমন ইিলেমনট থমেক নম েযমন ltbr gt ltimg gt ইতযমিদ

শ টযমা ইিলেমনট েশষ টযমা

lth1gt This is an element lth1gt ltpgt This is paragraph ltpgt

ltbr gt ltimg gt

সমধমাণতঃ েয সকল টযমোা েশষ টযমা থমেক নম তমেদা ইিলেমনটও থমেক নম এ ধােণা শ টযমোা মেধযই িচিট অভর থমেক এবং এা আো একটম েস িদেত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 10 of 54

৫ HTML এিিবউটস HTML এিিবউটস সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট িবষয় HTML টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় এখমেন উদমহাণ সহ HTML এিিবউটস সেকর িবমিাত আেলমচনম কাম হেব

HTML এ এিিবউটস ইিলেমনট এা আনসমিাক তথয কমশ কো মলত HTML এ টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় েযমন ltfont size=5 face=Tahoma color=redgt This is a paragraphltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা This is a paragraph েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

িকছ HTML এিিবউটস

টযমা এিিবউটস ltfontgt size=5 face=Tahoma color=red

lth1gthelliplth6gt ltpgt align=center align=left align=right title=Bangladesh

ltbodygt bgcolor=green background=imageselepng

ltdivgt id=book class=pen align=center

ltimggt lttablegt height=100px width=50px border=5px

ltinput gt type=text name=TextField

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 6 of 54

HTML এ েলখম েমমেমা িবিভ অংশ িবেষণ েমমেমা মেধয ltgt এবং lt gt দইটম িচ এবং এা মেধয িকছ Word েযমন html head title body এগেলমেক Keyword বেল এবং ltgt বম lt gt িচ এবং এা মমেঝ েলখম একিট Keyword েক টযমা বলম হয় েযমন ltheadgt অথর head টযমা HTML এ দই ধােনা টযমা ােয়েছ ltgt িচ ও keyword িনেয ািঠত টযমােক শ টযমা এবং lt gt িচ ও keyword িনেয ািঠত টযমােক েশষ টযমা বেল েযমন lt titlegt অথর title শ টযমা এবং lttitle gt অথর title েশষ টযমা

lthtmlgt বম html টযমা HTML এ েমমম েলখমা জ সম code েক lthtmlgt lthtmlgt এা মমেঝ েলখম হয়

ltheadgt বম head টযমা ltheadgtltheadgt এা েভতো lttitlegt lttitlegt টযমা েলখম হয় যমা মমধযেম ওেয়বসমইেটা title বম িশোমনমম দশরেনা বযবম কাম হয় এই code এ title িহেসেব wwwtutohostcom েলখম হেয়েছ যম মউজমোা title bar এ েদখম যমে এছমড়ম css এা stylesheet েক head টযমোা মেধযই call কাম হয়

ltbodygt বম body টযমা ltbodygt বম body টযমা খবই গরপণর একিট ওেয়ব সমইেটা মল Content সমহ Body টযমোা মেধয অবমন কো ltbodygtltbodygt টযোা মেধযই িবিভ Text Image Table ইতযমিদ াােমিটং এা জ িবিভ টযমা সমহ েলখম হয় এই code এ ltbodygtltbodygt টযোা মেধয This is my first web page I am learning now HTML েলখম হেয়েছ যম মউজমোা মল অংেশ দিশরত হে

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 7 of 54

৩ HTML টযমা িক

এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ সেকর জমনম খবই গরপণর আমাম সহেজই এখমন েথেক এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ েজেন িনেত পমাব

HTML এ েমমম েলখমা জ ltgt এবং ltgt দইটম িচ এবং এা মেধয িকছ Word েযমন html head title body ইতযমিদ Keyword বযবহমা কাম হয় ltgt বম ltgt িচ এবং এা মমেঝ েলখম একিট Keyword েক একে টযমা বলম হয় েযমন lthtmlgt এবং lthtmlgt ltbodygt হল body শ টযমা এবং lt bodygt হল body েশষ টযমা

HTML এা সমধমান টযমা সমহ

টযমা সমহ বণরনম

lthtmlgt lthtmlgt HTML ডকেমনট িনেদরশ কো ltheadgtltheadgt েমমেমা head অংশ িনেদরশ কো lttitlegtlttitlegt ডকেমনট টমইেটল িনেদরশ কো

ltbodygtltbodygt েমমেমা মল content অংশ িনেদরশ কো ltagtltagt Anchor টযমা

ltabbrgtltabbrgt Abbreviation টযমা ltbgtltbgt Bold েটট িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 8 of 54

ltigtltigt Italic েটট িনেদরশ কো ltbiggtltbiggt মভমিবেকা েচেয় বড় েটট িনেদরশ কো

ltsmallgtltsmallgt মভমিবেকা েচেয় েছমট েটট িনেদরশ কো ltblockquotegt ltblockquotegt িবেশষ উিত কমশ কােত বযববত হয়

ltbr gt একটম লমইন েক ৈতিা কো ltcodegtltcodegt কিউটমা েকমড েটট কমশ কো lttablegtlttablegt েটিবল ৈতিােত বযববত হয়

ltcolgtltcolgt েটিবেলা কলমম ৈতিােত বযববত হয় lttdgtlttdgt েটিবেলা েসল ৈতিােত বযববত হয় lttrgtlttrgt েটিবেলা সমিা ৈতিােত বযববত হয়

ltformgtltformgt াাম ৈতিােত বযববত হয় lth1gtlth1gt েহডমা টযমা 1-6 পযর হয়

lthrgt সমমামল োখম ৈতিা কো ltimggt ছিব য কােত বযববত হয়

ltinputgtltinputgt াােমা ইনপট িা ৈতিােত বযববত হয় ltligtltligt িল ৈতিােত বযববত হয়

ltmetagtltmetagt Meta টযমা ltolgtltolgt অডরমা িল ৈতিােত বযববত হয় ltulgtltulgt আনঅডরমা িল ৈতিােত বযববত হয় ltpgtltpgt পযমামমা িনেদরশ কো

ltpregtltpregt pre-formatted েটট ৈতিােত বযববত হয় ltttgtltttgt েটিলটমইপ েটট িনেদরশ কো

ltstronggtltstronggt Strong েটট িনেদরশ কো ltsubgtltsubgt subscripted text িনেদরশ কো ltsupgtltsupgt superscripted text িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 9 of 54

৪ HTML ইিলেমনট

HTML এ েযেকমন শ এবং েশষ টযমোা মমেঝা অংশেক ইিলেমনট বলম হয় েযমন lth1gt This is an example of elementlth1gt এখমেন lth1gt েহডমা1 শ এবং lth1gt েহডমা1 েশষ টযমোা মমেঝ This is an example of element েলখম হেয়েছ তমই ldquoThis is an example of elementrdquo একিট ইিলেমনট িকছ িকছ টযমোা েকমন ইিলেমনট থমেক নম েযমন ltbr gt ltimg gt ইতযমিদ

শ টযমা ইিলেমনট েশষ টযমা

lth1gt This is an element lth1gt ltpgt This is paragraph ltpgt

ltbr gt ltimg gt

সমধমাণতঃ েয সকল টযমোা েশষ টযমা থমেক নম তমেদা ইিলেমনটও থমেক নম এ ধােণা শ টযমোা মেধযই িচিট অভর থমেক এবং এা আো একটম েস িদেত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 10 of 54

৫ HTML এিিবউটস HTML এিিবউটস সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট িবষয় HTML টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় এখমেন উদমহাণ সহ HTML এিিবউটস সেকর িবমিাত আেলমচনম কাম হেব

HTML এ এিিবউটস ইিলেমনট এা আনসমিাক তথয কমশ কো মলত HTML এ টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় েযমন ltfont size=5 face=Tahoma color=redgt This is a paragraphltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা This is a paragraph েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

িকছ HTML এিিবউটস

টযমা এিিবউটস ltfontgt size=5 face=Tahoma color=red

lth1gthelliplth6gt ltpgt align=center align=left align=right title=Bangladesh

ltbodygt bgcolor=green background=imageselepng

ltdivgt id=book class=pen align=center

ltimggt lttablegt height=100px width=50px border=5px

ltinput gt type=text name=TextField

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 7 of 54

৩ HTML টযমা িক

এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ সেকর জমনম খবই গরপণর আমাম সহেজই এখমন েথেক এইচিটএমএল এা সমধমান টযমা সমহ এবং এগেলমা কমেজা সমধমান িববাণ েজেন িনেত পমাব

HTML এ েমমম েলখমা জ ltgt এবং ltgt দইটম িচ এবং এা মেধয িকছ Word েযমন html head title body ইতযমিদ Keyword বযবহমা কাম হয় ltgt বম ltgt িচ এবং এা মমেঝ েলখম একিট Keyword েক একে টযমা বলম হয় েযমন lthtmlgt এবং lthtmlgt ltbodygt হল body শ টযমা এবং lt bodygt হল body েশষ টযমা

HTML এা সমধমান টযমা সমহ

টযমা সমহ বণরনম

lthtmlgt lthtmlgt HTML ডকেমনট িনেদরশ কো ltheadgtltheadgt েমমেমা head অংশ িনেদরশ কো lttitlegtlttitlegt ডকেমনট টমইেটল িনেদরশ কো

ltbodygtltbodygt েমমেমা মল content অংশ িনেদরশ কো ltagtltagt Anchor টযমা

ltabbrgtltabbrgt Abbreviation টযমা ltbgtltbgt Bold েটট িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 8 of 54

ltigtltigt Italic েটট িনেদরশ কো ltbiggtltbiggt মভমিবেকা েচেয় বড় েটট িনেদরশ কো

ltsmallgtltsmallgt মভমিবেকা েচেয় েছমট েটট িনেদরশ কো ltblockquotegt ltblockquotegt িবেশষ উিত কমশ কােত বযববত হয়

ltbr gt একটম লমইন েক ৈতিা কো ltcodegtltcodegt কিউটমা েকমড েটট কমশ কো lttablegtlttablegt েটিবল ৈতিােত বযববত হয়

ltcolgtltcolgt েটিবেলা কলমম ৈতিােত বযববত হয় lttdgtlttdgt েটিবেলা েসল ৈতিােত বযববত হয় lttrgtlttrgt েটিবেলা সমিা ৈতিােত বযববত হয়

ltformgtltformgt াাম ৈতিােত বযববত হয় lth1gtlth1gt েহডমা টযমা 1-6 পযর হয়

lthrgt সমমামল োখম ৈতিা কো ltimggt ছিব য কােত বযববত হয়

ltinputgtltinputgt াােমা ইনপট িা ৈতিােত বযববত হয় ltligtltligt িল ৈতিােত বযববত হয়

ltmetagtltmetagt Meta টযমা ltolgtltolgt অডরমা িল ৈতিােত বযববত হয় ltulgtltulgt আনঅডরমা িল ৈতিােত বযববত হয় ltpgtltpgt পযমামমা িনেদরশ কো

ltpregtltpregt pre-formatted েটট ৈতিােত বযববত হয় ltttgtltttgt েটিলটমইপ েটট িনেদরশ কো

ltstronggtltstronggt Strong েটট িনেদরশ কো ltsubgtltsubgt subscripted text িনেদরশ কো ltsupgtltsupgt superscripted text িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 9 of 54

৪ HTML ইিলেমনট

HTML এ েযেকমন শ এবং েশষ টযমোা মমেঝা অংশেক ইিলেমনট বলম হয় েযমন lth1gt This is an example of elementlth1gt এখমেন lth1gt েহডমা1 শ এবং lth1gt েহডমা1 েশষ টযমোা মমেঝ This is an example of element েলখম হেয়েছ তমই ldquoThis is an example of elementrdquo একিট ইিলেমনট িকছ িকছ টযমোা েকমন ইিলেমনট থমেক নম েযমন ltbr gt ltimg gt ইতযমিদ

শ টযমা ইিলেমনট েশষ টযমা

lth1gt This is an element lth1gt ltpgt This is paragraph ltpgt

ltbr gt ltimg gt

সমধমাণতঃ েয সকল টযমোা েশষ টযমা থমেক নম তমেদা ইিলেমনটও থমেক নম এ ধােণা শ টযমোা মেধযই িচিট অভর থমেক এবং এা আো একটম েস িদেত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 10 of 54

৫ HTML এিিবউটস HTML এিিবউটস সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট িবষয় HTML টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় এখমেন উদমহাণ সহ HTML এিিবউটস সেকর িবমিাত আেলমচনম কাম হেব

HTML এ এিিবউটস ইিলেমনট এা আনসমিাক তথয কমশ কো মলত HTML এ টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় েযমন ltfont size=5 face=Tahoma color=redgt This is a paragraphltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা This is a paragraph েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

িকছ HTML এিিবউটস

টযমা এিিবউটস ltfontgt size=5 face=Tahoma color=red

lth1gthelliplth6gt ltpgt align=center align=left align=right title=Bangladesh

ltbodygt bgcolor=green background=imageselepng

ltdivgt id=book class=pen align=center

ltimggt lttablegt height=100px width=50px border=5px

ltinput gt type=text name=TextField

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 8 of 54

ltigtltigt Italic েটট িনেদরশ কো ltbiggtltbiggt মভমিবেকা েচেয় বড় েটট িনেদরশ কো

ltsmallgtltsmallgt মভমিবেকা েচেয় েছমট েটট িনেদরশ কো ltblockquotegt ltblockquotegt িবেশষ উিত কমশ কােত বযববত হয়

ltbr gt একটম লমইন েক ৈতিা কো ltcodegtltcodegt কিউটমা েকমড েটট কমশ কো lttablegtlttablegt েটিবল ৈতিােত বযববত হয়

ltcolgtltcolgt েটিবেলা কলমম ৈতিােত বযববত হয় lttdgtlttdgt েটিবেলা েসল ৈতিােত বযববত হয় lttrgtlttrgt েটিবেলা সমিা ৈতিােত বযববত হয়

ltformgtltformgt াাম ৈতিােত বযববত হয় lth1gtlth1gt েহডমা টযমা 1-6 পযর হয়

lthrgt সমমামল োখম ৈতিা কো ltimggt ছিব য কােত বযববত হয়

ltinputgtltinputgt াােমা ইনপট িা ৈতিােত বযববত হয় ltligtltligt িল ৈতিােত বযববত হয়

ltmetagtltmetagt Meta টযমা ltolgtltolgt অডরমা িল ৈতিােত বযববত হয় ltulgtltulgt আনঅডরমা িল ৈতিােত বযববত হয় ltpgtltpgt পযমামমা িনেদরশ কো

ltpregtltpregt pre-formatted েটট ৈতিােত বযববত হয় ltttgtltttgt েটিলটমইপ েটট িনেদরশ কো

ltstronggtltstronggt Strong েটট িনেদরশ কো ltsubgtltsubgt subscripted text িনেদরশ কো ltsupgtltsupgt superscripted text িনেদরশ কো

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 9 of 54

৪ HTML ইিলেমনট

HTML এ েযেকমন শ এবং েশষ টযমোা মমেঝা অংশেক ইিলেমনট বলম হয় েযমন lth1gt This is an example of elementlth1gt এখমেন lth1gt েহডমা1 শ এবং lth1gt েহডমা1 েশষ টযমোা মমেঝ This is an example of element েলখম হেয়েছ তমই ldquoThis is an example of elementrdquo একিট ইিলেমনট িকছ িকছ টযমোা েকমন ইিলেমনট থমেক নম েযমন ltbr gt ltimg gt ইতযমিদ

শ টযমা ইিলেমনট েশষ টযমা

lth1gt This is an element lth1gt ltpgt This is paragraph ltpgt

ltbr gt ltimg gt

সমধমাণতঃ েয সকল টযমোা েশষ টযমা থমেক নম তমেদা ইিলেমনটও থমেক নম এ ধােণা শ টযমোা মেধযই িচিট অভর থমেক এবং এা আো একটম েস িদেত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 10 of 54

৫ HTML এিিবউটস HTML এিিবউটস সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট িবষয় HTML টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় এখমেন উদমহাণ সহ HTML এিিবউটস সেকর িবমিাত আেলমচনম কাম হেব

HTML এ এিিবউটস ইিলেমনট এা আনসমিাক তথয কমশ কো মলত HTML এ টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় েযমন ltfont size=5 face=Tahoma color=redgt This is a paragraphltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা This is a paragraph েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

িকছ HTML এিিবউটস

টযমা এিিবউটস ltfontgt size=5 face=Tahoma color=red

lth1gthelliplth6gt ltpgt align=center align=left align=right title=Bangladesh

ltbodygt bgcolor=green background=imageselepng

ltdivgt id=book class=pen align=center

ltimggt lttablegt height=100px width=50px border=5px

ltinput gt type=text name=TextField

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 9 of 54

৪ HTML ইিলেমনট

HTML এ েযেকমন শ এবং েশষ টযমোা মমেঝা অংশেক ইিলেমনট বলম হয় েযমন lth1gt This is an example of elementlth1gt এখমেন lth1gt েহডমা1 শ এবং lth1gt েহডমা1 েশষ টযমোা মমেঝ This is an example of element েলখম হেয়েছ তমই ldquoThis is an example of elementrdquo একিট ইিলেমনট িকছ িকছ টযমোা েকমন ইিলেমনট থমেক নম েযমন ltbr gt ltimg gt ইতযমিদ

শ টযমা ইিলেমনট েশষ টযমা

lth1gt This is an element lth1gt ltpgt This is paragraph ltpgt

ltbr gt ltimg gt

সমধমাণতঃ েয সকল টযমোা েশষ টযমা থমেক নম তমেদা ইিলেমনটও থমেক নম এ ধােণা শ টযমোা মেধযই িচিট অভর থমেক এবং এা আো একটম েস িদেত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 10 of 54

৫ HTML এিিবউটস HTML এিিবউটস সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট িবষয় HTML টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় এখমেন উদমহাণ সহ HTML এিিবউটস সেকর িবমিাত আেলমচনম কাম হেব

HTML এ এিিবউটস ইিলেমনট এা আনসমিাক তথয কমশ কো মলত HTML এ টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় েযমন ltfont size=5 face=Tahoma color=redgt This is a paragraphltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা This is a paragraph েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

িকছ HTML এিিবউটস

টযমা এিিবউটস ltfontgt size=5 face=Tahoma color=red

lth1gthelliplth6gt ltpgt align=center align=left align=right title=Bangladesh

ltbodygt bgcolor=green background=imageselepng

ltdivgt id=book class=pen align=center

ltimggt lttablegt height=100px width=50px border=5px

ltinput gt type=text name=TextField

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 10 of 54

৫ HTML এিিবউটস HTML এিিবউটস সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট িবষয় HTML টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় এখমেন উদমহাণ সহ HTML এিিবউটস সেকর িবমিাত আেলমচনম কাম হেব

HTML এ এিিবউটস ইিলেমনট এা আনসমিাক তথয কমশ কো মলত HTML এ টযমোা কমযরমতমেক বিধরত কামা জ এিিবউটস বযবহমা কাম হয় েযমন ltfont size=5 face=Tahoma color=redgt This is a paragraphltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা This is a paragraph েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

িকছ HTML এিিবউটস

টযমা এিিবউটস ltfontgt size=5 face=Tahoma color=red

lth1gthelliplth6gt ltpgt align=center align=left align=right title=Bangladesh

ltbodygt bgcolor=green background=imageselepng

ltdivgt id=book class=pen align=center

ltimggt lttablegt height=100px width=50px border=5px

ltinput gt type=text name=TextField

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 11 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=5 face=Tahoma color=redgt This is a paragraph ltfontgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 12 of 54

৬ েহিডং এইচিটএমএল এ েহিডং টযমা একিট গরপণর টযমা সমধমানত এা মমধযেম েকমন পযমামমোা িশোমনমম েলখম হয় এ অধযমেয় আমাম েহিডং এা েকমিডং পিত সেকর জমনেবম

HTML এা মমধযেম েকমন ডকেমনট বম পযমামমোা িশোমনমম েলখমা জ েহিডং টযমা বযবহমা কাম হয় HTML এ েমমট ছয় ধােণা েহিডং টযমা ােয়েছ এগেলম হল lth1gt lth1gt lth2gt lth2gt lth3gt lth3gt lth4gt lth4gt lth5gt lth5gt এবং lth6gt lth6gt যিদ বড় সমইেজা অো িশোমনমম েলখমা েয়মজন হয় তমহেল lth1gt lth1gt টযমোা মমেঝ েলখম হয় এবং অম গেলম বযবহমা কােল েলখমা সমইজ আে আে েছমট হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lth1gtThis is an example of heading 1lth1gt lth2gtThis is an example of heading 2lth2gt lth3gtThis is an example of heading 3lth3gt lth4gtThis is an example of heading 4lth4gt lth5gtThis is an example of heading 5lth5gt lth6gtThis is an example of heading 6lth6gt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 13 of 54

৭ পযমামমা পযমামমা টযমািট সবরমিধক গরপণর এবং অতয েয়মজনীয় একিট টযমা পযমামমা টযমোা েভতোই েটটগেলম িবিভভমেব কমিশত হয় এখমেন পযমামমা টযমা সেকর উদমহাণসহ িবমিাত িববাণ েদওয়ম হেব

েয েকমন ডকেমনট এক বম একমিধক পযমামমোা মমধযেম েলখম হয় HTML এ পযমামমা ৈতিাা জ ltpgt বম পযামমা টযমা বযবহমা কাম হয় েযমন ltpgtThis is a paragraphltpgt মউজমোা মমধযেম িতটম পযমামমা দশরন কাম হেল িতটম পযমামমোা পা একটম কো লমইন েক ৈতিা হয় যিদ কখেনম পযমামমোা মেধযই লমইন েেকা েয়মজন হয় তমহেল লমইেনা েশেষ ltbr gt টযমা বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltpgtThis is a paragraphltpgt ltpgt This is a paragraph This is a paragraph This is a paragraph This is a paragraph ltpgt ltpgt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 14 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

৮ েটট াােমিটং ওেয়বসমইেট আমাম েয েটটগেলম েদিখ তম েছমট বড় েবম ইটমিলকসহ িবিভ াােমেট হেয় থমেক এখমেন েটট াােমিটং কামা িবিভ পিত সেকর িবমিাত আেলমচনম কাম হেব

Microsoft Word এ Bold Italic Underline strikethrough Subscript Superscript ইতযমিদ েটট াােমিটং এা জ বযববত হয় HTML এা েেও Microsoft Word এা মত েটট াােমিটং এা িবেশষ গর ােয়েছ একিট ডকেমনটেক সাভমেব উপমপন কােত েটট াােমিটং িবষেয় উপয মন থমকম দাকমা HTML এ েটট াােমিটং এা জ ltbgt ltigt ltugt ltstrikegt ltsubgt ltsupgt ltbiggt ltsmallgt ltstronggt ltsampgt ltttgt ltabbrgt ltvargt ltcodegt ltaddressgt ইতযমিদ টযমা সমহ বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 15 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegtwwwtutohostcomlttitlegt ltheadgt ltbody bgcolor=greengt ltpgt ltbgt (Bold)ltbgt This is an example of bold ltbr gt ltigt(Italic)ltigt This is an example of Italic ltbr gt ltugt (Underline) ltugt This is an example of Underline ltbr gt ltstrikegt(Strike) ltstrikegt This is an example of Strike ltbr gt (COltsubgt2ltsubgt) This is an example of Subscript ltbr gt (E=MCltsupgt2ltsupgt) This is an example of Superscript ltbr gt ltbiggt(Big text)ltbiggtThis is an example of Big ltbr gt ltsmallgt(Small text)ltsmallgtThis is an example of Small ltbr gt ltstronggt(Strong text)ltstronggtThis is an example of Strong ltbr gt ltsampgt(Sample text) ltsampgtThis is an example of Sample ltbr gt ltttgt(Teletype)ltttgtThis is an example of Teletype ltbr gt (ltabbrgt UNOltabbrgt United Nations Organization) This is an example of Abbreviation ltbr gt (ltvargtxltvargt is a variable)This is an example of Variable ltbr gt (ltcodegtComputer code textltcodegt) This is an example of Code

ltbr gt

ltaddressgt (Written by Ashimltbr gt Address wwwtutohostcomltbr gt E-mailashimkumar50yahoocom)

ltaddressgtThis is an example of Address ltbr gt ltpgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 16 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 17 of 54

৯ ানট টযমা HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কো এখমেন ানট টযমা বযবহমোা িবমিাত পিত আেলমচনম কাম হেব

HTML এা মমধযেম েকমন ডকেমনটেক সাভমেব উপমপন কামা জ ltfontgt বম ানট টযমা খবই গরপণর ভিমকম পমলন কোltfont size=5 face=Tahoma color=redgt Bangladesh is a beautiful countryltfontgt এখমেন size=5 অংশিট হল font টযমোা একিট এিিবউট যম কমশ কােছ ইিলেমনট অথরমা Bangladesh is a beautiful country েলখমিটা সমইজ েকমন হেব এছমড়ম face=Tahoma কমশ কােছ েলখমিটা font হেব Tahoma এবং color=red মাম কমশ কােছ েলখমিটা াং হেব লমল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 18 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

১০ মইেলা বযবহমা িসএসএস (Cascading Style Sheet files) মমধযেম ওেয়বসমইটেক অেনক সা কো েতমলম যময় এখমেন HTML ইিলেমেনটা সমেথ মইেলা বযবহমা ণমলী িনেয় িবমিাত আেলমচনম কাম হেব

Style HTML এা একিট নতন এিিবউটস এা মমধযেম HTML এা মেধযই CSS বযবহমোা সেযমা সি হয় Style তথম CSS বযবহমোা মমধযেম ওেয়ব েপেজা িবিভ উপমদমেনা িডজমইন ৈতিা কাম হয় অম এিিবউটস েযমন align=center align=left bgcolor=green height=100px width=50px bgcolor=green ইতযমিদা মমধযেম যিদও িডজমইন ৈতিা কাম যময় তেব এেে Style বযবহমো িবেশষ সিবধম পমওয়ম যময়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 19 of 54

উদমহাণ েমমম অম এিিবউটস বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont size=2 face=Verdanagt This is a paragraph ltfontgt ltbr gt ltfont size=5 face=Tahoma color=red gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

উদমহাণ েমমম মইল বযবহমা কো lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt ltfont style=font-familyVerdana font-size15px gt This is a paragraph ltfontgt ltbr gt ltfont style= font-size25px font-familyTahoma colorred gt Bangladesh is a beautiful country ltfontgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 20 of 54

১১ িলংক একটম পমতমা সমেথ আোকিট পমতমা েযমামেযমা মপন কাম হয় িলংেকা মমধযেম এখমেন এইচিটএমএল এ িলংক কমশ কামা পিত সেকর িবমিাত আেলমচনম কাম হেব

একটম ওেয়ব সমইটেক বযবহমা বমব কো েতমলমা েে িলংেকা বযবহমা খবই গরপণর Link এা আিভধমিনক অথর সংয কাম অথরমা একটম ওেয়ব েপেজা সমেথ অ একটম েপজেক য কামই হল িলংিকং HTML এ িলংিকং কামা জ ltagt টযমা বম anchor টযমা বযবহমা কাম হয় েযমন lta href=httpwww tutohostcomgt www tutohostcom ltagt অথরমা েয েপেজা সমেথ িলংক ৈতিা কােত হেব তমা

এেস href=helliphelliphelliphelliphellip এা মেধয েলখেত হেব এবং িলংেক েয েলখমিট দশরন কােব তম lta href= gthelliphelliphelliphelliphelliphelliphellipltagt এা মেধয েলখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= greengt lta href=httpwww tutohostcomgt www tutohostcom ltagt ltbr gt lta href=mailtoadmintutohostcomgt admintutohostcomltagt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 21 of 54

১২ ছিব সংেযমজন ওেয়ব সমইেট ছিব সংেযমজন ছিবা মমধযেম িলংক কাম এবং িবিভ সমইেজা ছিব দশরেণা পিত আেলমচনম কাম হেয়েছ

একটম ওেয়ব েপেজা গরপণর উপমদমন সমেহা একিট হে ইেমজ ওেয়বেপেজ ইেমেজা উপয বযবহমোা মমধযেম েপজিট বযবহমাকমাীেদা কমেছ েযমন আকষরণীয় হেয় ওেঠ েতমিন বযবহমা বমবও হয় আকষরনীয় েনিভোশন বমা বমটন বযমনমা ইতযমিদেত ইেমেজা বযবহমা অপিাহমযর ওেয়ব েপেজ ইেমজ বম ছিব য কামা জ েয়মজনীয় টযমািট হে ltimggt এা েকমন েশষ টযমা েনই শধমম ltimggt িদেয় েকমন কমজ হয় নম এা সমেথ সবসময়ই src এিিবউটিট বযবহমা কােত হয় েযমন ltimg src=rdquopicpngrdquogt তমহেল picpng ইেমজিট দিশরত হেব

পবর িত েডটেপ একটম webpage নমেম folder িনেত হেব এা মেধয picpng নমেম save কাম একটম ছিব ামখেত হেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= green style=text-aligncentergt

lth3gt This is an example of imagelth3gt ltimg src=picpnggt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 22 of 54

একটম Notepad Open কো উপোা Code টক িলেখ File েমন েথেক Save as এ িক কো File name িহেসেব indexhtml বম homehtml অথবম েযেকমন নমমhtml িদেয় Save as type িহেসেব All files িসেল কো এাপা Save বমটেন িক কােত হেব এাপা save কাম indexhtml ামইলিটেক webpage folder এা মেধয ামখেত হেব এখন Mozilla Firefox িদেয় indexhtml open কােল পমেশা ছিবা মত েদখমেব

অনলমইেন সমভরমো েকমন ইেমজ আপেলমড কাম থমকেল উ ইেমজ য কামা জ তমা এেস picpng এা মেন েলখেত হেব েযমন

ltimg src=httpwwwtutohostcombanglahtmlimagespicpnggt

১৩ েটিবল সংেযমজন ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম HTML এ

table ৈতিাা িবিভ িবষয় এখমেন আেলমচনম কাম হেয়েছ িদেন িদেন ইনটমােনট আজ সবেচেয় বড় তথয ভমনডমো পিাণত হেয়েছ তথয উপম পিাসংখযমন িচ িভিডও ইতযমিদা সংিমেণ একটম ওেয়বেপেজ েকমন িবষয়বেক যতটম আকষরণীয় এবং পিাপণরভমেব উপমপন কাম যময় অম িমিডয়ময় তম সব হয় নম ওেয়ব েপেজ তথয উপম পিাসংখযমন উপমপন কামা একিট অতম পম হে েটিবল বযবহমা কাম েটিবল ৈতিাা জ েটিবল টযমা lttablegt বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 23 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt lttable border=1gt lttrgt ltthgtSLltthgt ltthgtBookltthgt ltthgtPenltthgt ltthgtBoxltthgt lttrgt lttrgt lttdgt01lttdgt lttdgt100lttdgt lttdgt200lttdgt lttdgt400lttdgt lttrgt lttrgt lttdgt02lttdgt lttdgt300lttdgt lttdgt600lttdgt lttdgt300lttdgt lttrgt lttrgt lttdgt03lttdgt lttdgt500lttdgt lttdgt800lttdgt lttdgt200lttdgt lttrgt lttablegt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 24 of 54

েমমম আেলমচনম lttable border=1gt এখমেন border=1 এা মমধযেম েটিবেলা জ িসোল বডরমা বযবহমা কাম হেয়েছ েয়মজন অনসমো 1 এা মেন 234 ইতযমিদ বযবহমা কাম যমেব েটিবেলা িতটম সমিা ৈতিাা জ lttrgtlttrgt বযবহমা কাম হয় এবং িতটম েসল ৈতিাা জ lttdgtlttdgtবযবহমা কাম হয় ltthgtltthgt এা মমধযেম েটিবল েহডমা ৈতিা কাম হেয়েছltthgtBookltthgt এা মেধযা Book েলখমিট একট েমমটম েদখমেব

েটিবেলা মেধয েকমন েসল খমিল ামখমা জ lttdgtlttdgt এা মমেঝ িকছ নম েলখেলই হেব শধমম lttdgtlttdgt বযবহমা কােত হেব সমইেটা েনিভোশন বমা ৈতিাা জ েটিবল বযবহমা কাম েযেত পমো এেে িতটম েসেলা েলখমা সমেথ িলংক ৈতিা কো িদেলই হেব েযমন lttdgtlta href=wwwtutohostcomgt Tutohostltagtlttdgt অথবম ltthgtlta href=wwwtutohostcomgt Tutohostltagtltthgt

১৪ এইচিটএমএল িল একিট ওেয়বেপেজ িল বম তমিলকমেক সাভমেব কমশ কামা জ েয এইচিটএমএল েকমড বযবহমা কাম হয় তমা সজনশীল পিত িনেয় এখমেন আেলমচনম কাম হেয়েছ একটম ওেয়ব েপজেক সা কো সমজমেনম এবং তথয উপমপনমা অতম পিত িল HTML এা মমধযেম দই ধােণা িল ৈতিা কাম যময় একিট হে অডরমা িল এবং অপািট হে আনঅডরমা িল অডরমা িলে িবিভ তথযেক পযরময়য়িমকভমেব সমিজেয় উপমপন কাম হয় এবং িতটম লমইেনা শেত য়িমক সংখযম থমেক অিদেক আন অডরমা িলে িতটম লমইেনা সমমেন েছমট বমকমা বম বারমকমা িচ থমেক HTML এা মমধযেম আন অডরমা িল ৈতিা কামা জ ltulgtltulgt এবং অডরমা িল ৈতিা কামা জ ltolgtltolgt টযমা বযবহমা কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 25 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth4gtDisc Type listlth4gt ltul type=discgt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltulgt lth4gtCircle Type listlth4gt ltul type=circlegt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltulgtlth4gtSquare Type listlth4gt ltul type=squaregt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltulgt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 26 of 54

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 00CC99 style=text-aligncentergt

lth3gtAlphabet Type listlth3gt ltol type=Agt ltligtHomeltligt ltligtAbout Usltligt ltligtContact Usltligt ltolgt lth3gtNumber Type listlth3gt ltol type=1gt ltligtHTMLltligt ltligtCSSltligt ltligtPHPltligt ltolgt lth3gtRoman Number Type listlth3gt ltol type=Igt ltligtPragaphltligt ltligtTableltligt ltligtListltligt ltolgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল পমেশ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 27 of 54

১৫ এইচিটএমএল ামর এইচিটএমএল ামর তথয ইনপট েনওয়মসহ নমনম াকম কমেজ বযববত হয় িবেশষ কো িিং েমমিমং ভমষমা সমেথ এই ােমরা তথযগেলম সংয হেয় কমজ কো থমেকএখমেন এইচিটএমএল এা মমধযেম ামর ৈতিা বযবহমা এবং বমব েজ সেকর আেলমচনম কাম হেব

এইচিটএমএল ামর একিট গরপণর আেলমচয িবষয় িবেশষ কো ডমইনমিমক এবং ডমটমেবজ িনভরা ওেয়ব সমইেটা লা ইন িসেম েভমিটং িসেম কনটম ামর সহ ইউজমা ইনাােমশন সংহ কামা জ এইচিটএমএল ামর বযববত হেয় থমেক একিট এইচিটএমএল ামর েবশ িকছ উপমদমেনা সমেয় ািঠত হয় এগেলম হে

১ েটট ব ২ েটট এিায়ম ৩ োিডও বমটন ৪ সমবিমট বমটন ৫ েচক ব ৬ পডমউন িল

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltcentergt ltfont face=SolaimanLipi color=fe0321 size=6gt আপনমা তথয িদেয় সমহমযয কন ltfontgt lt brgtlt brgt ltform name=information method=post action=informationphpgt ltfont face=SolaimanLipi color=fe0321 size=4gt নমমampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ltfontgt ltinput type=text value=আপনমা নমম িলখন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 28 of 54

name=namegtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িপতমা নমম ltfontgt ampnbsp ampnbsp ltinput type=text value=আপনমা িপতমা নমম িলখন name=namegt ltbr gtltbr gt ltfont face =SolaimanLipi color=fe0321 size=4gt িঠকমনম ltfontgt ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp ampnbsp lttextarea rows=3 cols=20gtlttextareagtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক প ষ ltfontgt ltinput type=radio value=male name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন িক মিহলম ltfontgt ltinput type=radio value=female name=gendergt ltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt আপিন েয শহো থমেকন ltfontgt ltselect name=districtgt ltoptiongt কিয়ম ltoptiongt ltoptiongt ঢমকমltoptiongt ltoptiongtখলনমltoptiongt ltoptiongtিসেলটltoptiongt ltoptiongtেভড়মমমামltoptiongt ltoptiongtযেশমাltoptiongt ltselectgtltbr gtltbr gt ltfont face=SolaimanLipi color=fe0321 size=4gt িশমাত েযমাযতম ltfontgt ltbr gt ltinput type=checkbox value=checkbox1 name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এসএসিস ltfontgt ltbr gt ltinput type=checkbox value=checkbox

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 29 of 54

name=checkboxgt ltfont face=SolaimanLipi color=fe0321 size=4gt এইসএসিস ltfontgtltbr gtltbr gt ltinput type=submit name=submit value=জমম কনgt ltbr gtltbr gt ltinput type=reset value=মেছ োলন name=cleargt ltformgt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 30 of 54

১৬ HTML েম HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

HTML এা মমধযেম েকমন ওেয়ব েপজেক একমিধক ভমো িবভ কামা জ আোা িদেন েম বযবহমা কাম হত িদেন িদেন েেমা বযবহমা কেম এেসেছ বতরমমন সমেয় েেমা বযবহমা েনই বলেলই চেল কমাণ েম বযবহমা কো ৈতিাকত সণর েপজ একসমেথ িনট কাম েবশ ককা এছমড়ম এটম অেনেকা কমেছই অপছো এা পিাবেতর েকমন েপজেক একমিধক অংেশ িবভ কােত এখন CSS বযবহমা কাম হয় তেব html সেকর মন ভমনডমা সম কামা জ েম সেকরও িকছটম ধমাণম থমকম দাকমা

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= 000gt ltframeset rows=1288gt ltframe src=stylehtml scrolling=nogt ltframeset cols=2774gt ltframe src=linkhtmlgt ltframe src=textforhtml gt ltframesetgt ltframesetgt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 31 of 54

েয েকমন নমেম একটম োমমা ৈতিা কো তমা মেথয stylehtml linkhtml এবং textforhtml িতনিট html ামইল ামখেত হেব এাপা একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েমমম আেলমচনম ltframeset rows=1288gt এা মমধযেম থেম সণর েপজটমো সমিা বামবা দিট অংেশ িবভ কাম হেয়েছ ltframeset cols=2774gt এা মমধযেম িনেচা সমিােক কলমম বামবা দিট অংেশ িবভ কাম হেয়েছ ltframe src=stylehtml scrolling=nogt এা মমধযেম থম েেমা মেধয stylehtml েপজিটেক দশরেনা বযবম কাম হেয়েছ ltframe src=linkhtmlgt এবং ltframe src=textforhtml gt এা মমধযেম যথময়েম ২য় সমিাা ১ম ও ২য় েেমা মেধয linkhtml এবং textforhtml েপজ দিটেক দশরেনা বযবম কাম হেয়েছ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 32 of 54

১৭ আই েম একটম ওেয়ব েপেজা মেধযই অপা এক বম একমিধক ওেয়ব েপজ দশরন কামা অতম উপময় হে আই েম েকমন িবষয় িবমিাতভমেব উপমপনমা েে মসিাক িবষেয়া উপা িবিভ ওেয়ব েপেজা িলংক কমশ কাম গরপণর পমশমপমিশ উ েপজিটেক সংি মেনা মেধয িলং কো দশরন কােত পমােল ম হয় নম

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody bgcolor= f00gt ltcentergt lth2 style=colorf00gtThis is an example of iframelth2gtltbr gt ltiframe src=httpwwwtutohostcombanglahtml width=350 height=170gt ltpgtThis rowser does not support iframesltpgt ltiframegt ltcentergt ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 33 of 54

েমমম আেলমচনম আই েম ৈতিাা জ ltiframegtltiframegt টযমা বযবহমা কাম হয় width=350 height=170 এই দিট এিিবউেটা মমধযেম আই েম এা আকিত েকমন হেব তমা িনেদরশ দমন কাম হয় যিদ েকমন মউজমা আই েম সমেপমটর নম কো তমহেল ltpgtThis rowser does not support iframesltpgt এা জ This rowser does not support iframes েলখমিট দিশরত হেব

১৮ াং ও েকমড ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় াং ও েকমড বযবহমোা িবমিাত পিত সেকর জমনেত পমাব

ওেয়ব েপেজ াং এা বযবহমা খবই গরপণর একটম ওেয়ব েপজ ািঠত হয় এক বম একমিধক পযমামমা িশোমনমম েটিবল বযমমউনড বডরমা ইতযমিদা সমেয় এ সকল উপমদমেনা েতযকিটেতই েকমন নম েকমন াং বযবহমা কােত হয় েকমন একিট েপেজা বযমমউনড কমলমা িনিদর কামা জ ltbodygt টযমোা মেধয body েলখমা পা একটম েস িদেয় bgcolor= েলখেত হেব এা পা এা মেধয BLACK SILVER GRAY WHITE MAROON RED PURPLE FUSCHSIA GREEN LIME OLIVE YELLOW NAVY BLUE TEAL এবং AQUA এই

েষমলিট াং এা েয েকমন একিট েলখম হেল েপেজা বযমমউেনড েসই েদখম যমেব েযেহত case sensitive নয় তমই েছমট হমেতা অো েলখেলও েকমন সমম েনই েযমন েলখম হেয়েছ ltbody bgcolor=greengt

এছমড়ম hexadecimal code বযবহমা কোও বযমমউনড কমলমা িনবরমচন কাম যময় েযমন উপোা েকমডিট িনেচা মত েলখম যময় ltbody bgcolor=00FF00gt

color piker েথেক সহেজই িবিভ কমলমোা জ hexadecimal code সংহ কাম যময় এছমড়ম িনেচা চমটর েথেকও কমজিট কাম যমেব hexadecimal code এা শেত একটম িচ িদেয় শ কােত হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 34 of 54

বযমমউনড কমলমা েদওয়মা আাও একটম মজমা পিত আেছ লমল সবজ আা নীল এই িতনিট াং হে েমৗিলক াং আা অ সব াং এই িতনিট াং এা সংিমেন ৈতিা যিদ coding কো এই িতনিট াংেক িমিশেয় নতন াং ৈতিা কাম হয় তমহেল ম হয় নম এ কমজিট সস কােত সবজ বযমমউেনডা জ িনেচা মত কো েলখম েযেত পমো

ltbody bgcolor=rgb(02550)gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 35 of 54

এখমেন rgb অথর হল red green blue আা (02550) এা অথর হল াংিটেত যথময়েম লমল সবজ নীল াং এা পিামমন যথময়েম 0 100 0 কমান এখমেন িবশ সবজ াং েনয়ম হেয়েছ আা েয েকমন াং এা মমন 0-255 পযর হেত পমো েযেহত g বম green এা মমন 255 তমই তম 100 িতনিট াং এা মমন 0-255 এা মেধয পিাবতরন কো ইম অনযময়ী নতন নতন াং ৈতিা কাম যমেব

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt lth2 style= colorff0000 gt This is the body of your web site lth2gt ltp style=color093gt This is a paragraphltbr gt This is a paragraph ltbr gt This is a paragraphltbr gt This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 36 of 54

১৯ েল আউট একটম ওেয়ব েপজ কতটম সা হেব তম সণর েপ িনভরা কো েপেজা েল আউেটা উপা আো শধমম HTML বযবহমা কোই সকল ওেয়ব সমইেটা েল আউট ৈতিা কাম হত বতরমমেন HTML এা সমেথ CSS বযবহমা কাম হয় শধমম HTML বযবহমা কো েল আউট ৈতিা কামা জ lttablegt এা সমিা ও কলমম বযবহমা কাম হয়

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt

ltbody bgcolor=greengt

lttable width=400 border=0gt lttrgt lttd colspan=3 style=background-color 93Cgt lth1gt Web Page headerlth1gt lttdgt lttrgt

lttr valign=topgt lttd style=background-color C99width100pxtext-aligntopgt ltpgtltbgtSide barltbgtltbr gt lta href=gtPHPltagt ltbr gt lta href=gtHTMLltagt ltbr gt lta href=gtCSSltagt lta href=gtWordpressltagt ltpgtlttdgt lttd style=background-colorEEEEEEheight200pxwidth400pxtext-aligntopgtlth2 style=color900gtThis is headinglth2gt ltp style=color 006gtThis is a paragraphThis is a paragraph This is a paragraphltbr gt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 37 of 54

This is a paragraphThis is a paragraph This is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltbr gt This is a paragraphThis is a paragraphThis is a paragraphltpgtlttdgt lttrgt

lttrgt lttd colspan=2 style=background-color999text-aligncentergt Copyright copy 2012tutohostcomlttdgt lttrgt lttablegt

ltbodygt lthtmlgt

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 38 of 54

২০ িস এস এস

বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর এখমন েথেক আমাম HTML এা সমেথ CSS য কামা পিত সেকর িবমিাত জমনেত পমাব বতরমমন সমেয় ওেয়ব েপেজা কমঠমেমম ৈতিা কাম হয় HTML িদেয় িডজমইন ৈতিা কাম হয় CSS িদেয় আা েটট জমম ামখম হয় ডমটমেবেজ তমই েকমন েপজেক আকষরণীয় কো েতমলমা পমশমপমিশ

বযবহমা বমব কো েতমলমা জ CSS এা ভিমকম খবই গরপণর HTML মাম ৈতিা েপেজ িতন পিতেত CSS য কাম যময়

১ এটমনরমল মইল িসট (External Style Sheet ) ২ ইনটমনরমল মইল িসট (Internal Style Sheet) ৩ ইনলমইন মইল িসট (Inline Style Sheet)

এটমনরমল মইল িসট এ পিতেত HTML ামইল এবং CSS মইল িসট দিট আলমদম িসেট ামখম হয় এবং িনেম পিতেত HTML এা ltheadgtltheadgtটযমোা মেধয িলংক ৈতিা কো েদয়ম হয়

ltheadgt ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltheadgt

ইনটমনরমল মইল িসট এ পিতেত HTML এবং CSS মইল একই িসেট ltheadgtltheadgt টযমোা মেধয ামখম হয় এজ িনেম পিতেত ltstylegtltstylegt টযমা বযবহমা কাম হয়

ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 39 of 54

ইনলমইন মইল িসট এ পিতেত HTML এা িতিট টযমোা মেধযই CSS মইল য কাম হয় এজ িনেম পিতেত style এিিবউটস বযবহমা কাম হয়

ltp style=margin-left120px font-weight bold color 060gt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltlink rel=stylesheet type=textcss href=httptutohostcombanglastylecssgt ltstylegt bodybackgroundgreen font-familyVerdana font-size15px h3font-size25px font-familyTahoma colorred ltstylegt ltheadgt

ltbody gt

This is a paragraph ltbr gt lth3gt Bangladesh is a beautiful country lth3gt ltp style=color 600gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt This is a paragraph This is a paragraphltbr gt ltpgt

ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 40 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

২১ েহড ইিলেমনট েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ এা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়এখমন েথেক আমাম েহড টযমা বম ltheadgt এবং েহড ইিলেমনট সেকর িবমিাত জমনেত পমাব

েহড টযমা বম ltheadgt এবং েহড ইিলেমনট েযেকমন HTML েপেজা একিট গরপণর অংশ কমাণ ltheadgthellipltheadgt এা মেধয অথরমা েহড ইিলেমনট িহেসেব lttitlegt ltlinkgt ltmetagt ltstylegt ltscriptgt এ সকল গরপণর টযমা সমহ ামখম হয় এগেলমা মমধযেম মউজমো েপজ সিকরত েবশ িকছ তথয দশরন কামা পমশমপমিশ সমচর ইিনজন অপিটমমইেজশন এা মত গরপণর কমজও স হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 41 of 54

টমইেটল মউজমোা টমইেটল বমো েপেজা টমইেটল দশরেনা জ lttitlegt lttitlegt টযমা বযবহমা কাম হয়

lttitlegtআমমেদা HTML িটউেটমিায়মল সমহlttitlegt

উপোা েকমড এা মমধযেম মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

িলংক CSS মইল িসট এা সমেথ িলংক কামা জ ltlinkgt ltlinkgt বযবহমা কাম হয়

ltlink rel=stylesheet type=textcss href=stylescss gt

েমটম ইিলেমনট েমটম সমচর ইিনজন অপিটমমইেজশেনা জ গরপণর কমজ কো থমেক িবষয়িট পববতরী েলখময় িবমিাত আেলমচনম কাম হেব

মইল ইনটমনরমল মইল িসট বযবহমোা জ ltstylegtltstylegt টযমা বযবহমা কাম হয় েযমন ltheadgt ltstyle type=textcssgt body background-color red p margin-left 20px font-weight bold color 006 ltstylegt ltheadgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 42 of 54

ি জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম িনেচা িলংক েথেক েসমসর ামইল ডমউনেলমড কো Extract কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেবএবং মউজমোা টমইেটল বমো ldquoআমমেদা HTML িটউেটমিায়মল সমহrdquo েলখমিট েদখম যমেব

েসমসর ামইল ডমউনেলমড

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 43 of 54

২১ েমটম েয েকমন ওেয়ব সমইেটা জই সমচর ইিনজন অপিটমমইেজশন একিট গরপণর িবষয় ওেয়ব েপেজ েমটম টযমা বযবহমা কো এ গরপণর কমজিট কাম হয় এখমন েথেক আমাম েমটম টযমা সেকর িবমিাত জমনেত

পমাব

একিট ওেয়ব সমইট তখনই জনিয় হয় যখন তম মমনেষা েয়মজেন আেস এবং েয েকউ েয়মজেনা সময় সহেজই সমচর ইিনজেনা মমধযেম সমচর কো সমইটিটেক খেজ পময় একিট ওেয়ব েপজ েযন সহেজই সমচর ইিনজন খেজ পময় এ জ ওেয়ব েমমমমােদা েয কমজিট কােত হয় তমেক বলম হয় সমচর ইিনজন অপিটমমইেজশন েয েকমন ওেয়ব সমইেটা জই সমচর ইিনজন অপিটমমইেজশন একিট গরপণর িবষয় ওেয়ব েপেজ েমটম টযমা বযবহমা কো এ গরপণর কমজিট কাম হয়

httpwwwtutohostcombanglahtml2php েপজিটা েমটম টযমো েলখম আেছhellip

ltmeta name=description content=এইচিটএমএল এ েমমম েলখমা সমধমান পিত এবং মথিমক একিট েমেজ ও সমধমান টযমাগেলম িনেয় আেলমচনম কাম হেব gt

ltmeta name=keywords content=এইচিটএমএল েমমম েলখম html bangla tutorial gt

Google আমমেদা সকেলা পিািচত জনিয় একিট সমচর ইিনজন যিদ httpwwwtutohostcombanglahtml2php িট Google সমচর ইিনজন বযবহমা কো সমচর কাম হয় তমহেল িনেচা ছিবা মত আসেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 44 of 54

থেম েপেজা টমইেটল তমাপা িলংক এবং এা পা আেছ এইচিটএমএল এ েমমম েলখমা সমধমান পিত এবং মথিমক একিট েমেজ ও সমধমান টযমাগেলম িনেয় আেলমচনম কাম হেব

যম ltmeta name=description content=helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip gt এা মেধয েলখম আেছ

ltmeta name=keywords content=helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip gt এা মেধয েলখম আেছ এইচিটএমএল েমমম েলখম html bangla tutorial এেক িক ওয়মডর বলম হয়

আমাম যখন েকমন বমকয িলেখ সমচর ইিনজেন সমচর কিা তখন সমচর ইিনজন বমকযিটেক েভো একমিধক িক ওয়মডর এ িবভ কো সমচর কো তমই িক ওয়মডর হে সমচর ইিনজেন েকমন ওেয়ব েপজ খেজ পমওয়মা অতম পিত এজ HTML এা মমধযেম েকমন েপজ ৈতিাা সময়

ltmeta name=keywords content=helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip gt এা মেধয

সমবয িক ওয়মডর গেলম য কো েদয়ম হয়

ltmeta name=author content=অসীম কমমা gt

েলখেকা নমমেক সমচর ইিনজেন সমবিমট কামা জ ltmeta name=author content=helliphelliphelliphelliphellipgt বযবহমা কাম হয়

ওেয়ব েপজ অেটম িােস কামা জও েমটম টযমা বযবহমা কাম হয়

ltMETA HTTP-EQUIV=REFRESH CONTENT=15URL=httpwwwtutohostcomgt

উপোা েকমডিট বযবহমা কােল িত ১৫ েসেকনড অা অা httpwwwtutohostcom েপজিট একবমা কো িােস হেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 45 of 54

২৩ ি HTML েকমন েমমিমং লযমােয়জ নয় তমই ওেয়ব েপেজও েমমিমং এা সিবধম য কামা জ িবিভ ধােনা িিং লযমােয়জ বযবহমা কাম হয় েযমন জমভমি েজ েকমেয়াী ইতযমিদজমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ HTML এ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয়এখমন েথেক আমাম HTML এ ি য কামা পিত সেকর জমনেত পমাব

HTML েকমন েমমিমং লযমােয়জ নয় তমই ওেয়ব েপেজও েমমিমং এা সিবধম য কামা জ িবিভ ধােনা িিং লযমােয়জ বযবহমা কাম হয় েযমন জমভমি েজ েকমেয়াী ইতযমিদ এা মমধযেম ওেয়ব েপেজ েলমকমল টমইম দশরন সময় িদন তমিাখ দশরন মউজমা িচিত কাম সময় এবং ইেভনট এা উপা িভি কো বযবহমাকমাীেক েকমন িবেশষ বমতরম দশরন কাম সহ িবিভ ধােণা আকষরণীয় এবং গরপণর কমজ কাম সব হয়

জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ HTML এ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন

ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltscript type=textjavascriptgt function show_alert() alert(Welcome to wwwtutohostcom) ltscriptgt ltheadgt ltbody bgcolor=009933 gt ltinput type=button style=margin-left150px width100px height50px font-size18px colorF00 onclick=show_alert() value=Click Me gt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 46 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozila Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

যিদ Click Me বমটনিটেত িক কাম হয় তমহেল একিট এলমটর বে Welcome to wwwtutohostcom েলখমিট েদখম যমেব

২৪ অিডও সংেযমজন েকমন িবষয়েক উপমপনমা েে েটট এবং ছিবা পমশমপমিশ অিডও-িভিডও বযবহমা কােল িবষয়িট আোম মণব হেয় উেঠ এখমন েথেক আমাম HTML অিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব েকমন িবষয়েক উপমপনমা েে েটট এবং ছিবা পমশমপমিশ অিডও-িভিডও বযবহমা কােল িবষয়িট আোম মণব হেয় উেঠ ওেয়ব িমিডয়মা মমধযেম এ কমজিট যতটম ভমেলমভমেব কাম যময় আা অ েকমেনম িমিডয়ময় মমধযেম তম সব নয় HTML মাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই অিডও ামইল য কাম যময় এবং িনয়ণ কাম যময়

পবর িত

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 47 of 54

েডটেপ একটম audio নমেম folder িনেত হেব এা মেধয audiomp3 নমেম save কাম একটম অিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt lth3 style=colorF00gtClick play button and enjoy musiclth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম audio folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ অিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt

src=audiomp3 এখমেন src=helliphelliphelliphellip এা মেধয অিডও ামইেলা িলংক য কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 48 of 54

height=35 width=300 এা মমধযেম মউজমো দিশরত অিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ অিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল অিডও েয়মা দিশরত হেব আা false েলখম হেল অিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম audio ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম audio ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল QuickTime Player ইটল কো িনন অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৫ িভিডও সংেযমজন সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযমএখমন েথেক আমাম HTML এ িভিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযম ৈদনিন সংবমদ কমশক ওেয়ব সমইটগেলম তমেদা ৈদনিন ঘটনমগেলমেক েটট এবং ইেমজ বযবহমোা মমধযেম কমেশা পমশমপমিশ িভিডও কমেশা মমধযেম আোম েবিশ জনিয়তম অজরেনা সেযমা পমে এবং বযবহমাকমাীাম এ সকল ঘটনমা বমব িচ েদখম এবং জমনমা পমশমপমিশ েয়মজেন সংহ কো ামখেত পমােছন বতরমমেন িভিডও শধ মমনেষা িবেনমদন এবং বমব ঘটনম কমেশা মমধযমই নয় এিট িশমা অতম বমহেন পিাণত হেয়েছ

অসংখয িশমমলক ওেয়ব সমইট িবিভ িবষেয়া উপা িতিদন নতন নতন েটট িভিক িটউেটমিায়মেলা পমশমপমিশ িভিডও িটউেটমিায়মল কমশ কােছ যম মমনষেক পিথবীা েয েকমন ম েথেক শধমম েশখম এবং জমনমা সেযমাই সি কােছ নম িবিনময় এবং আেলমচনমা ম

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 49 of 54

মটামর ৈতিাা মমধযেম পিাপণর িশম িবমোও ভিমকম ামখেছ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই িভিডও য কাম যময় এবং িনয়ণ কাম যময়

পবর িত েডটেপ একটম video নমেম folder িনেত হেব এা মেধয videowmv নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=videowmv width=344 height=300 autostart=false controller=true loop=false gt ltembedgt lth3 style=colorF00gtClick the play button and enjoy videolth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম video folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 50 of 54

িভিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=videowmv width=344 height=300 autostart=false controller=truegt ltembedgt

src=videowmv এখমেন src=helliphelliphelliphellip এা মেধয িভিডও ামইেলা িলংক য কাম হয়

height=344 width=300 এা মমধযেম মউজমো দিশরত িভিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ িভিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল িভিডও েয়মা দিশরত হেব আা false েলখম হেল িভিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম িভিডও ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম িভিডও ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৬ মস সংেযমজন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 45 of 54

২৩ ি HTML েকমন েমমিমং লযমােয়জ নয় তমই ওেয়ব েপেজও েমমিমং এা সিবধম য কামা জ িবিভ ধােনা িিং লযমােয়জ বযবহমা কাম হয় েযমন জমভমি েজ েকমেয়াী ইতযমিদজমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ HTML এ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয়এখমন েথেক আমাম HTML এ ি য কামা পিত সেকর জমনেত পমাব

HTML েকমন েমমিমং লযমােয়জ নয় তমই ওেয়ব েপেজও েমমিমং এা সিবধম য কামা জ িবিভ ধােনা িিং লযমােয়জ বযবহমা কাম হয় েযমন জমভমি েজ েকমেয়াী ইতযমিদ এা মমধযেম ওেয়ব েপেজ েলমকমল টমইম দশরন সময় িদন তমিাখ দশরন মউজমা িচিত কাম সময় এবং ইেভনট এা উপা িভি কো বযবহমাকমাীেক েকমন িবেশষ বমতরম দশরন কাম সহ িবিভ ধােণা আকষরণীয় এবং গরপণর কমজ কাম সব হয়

জমভমি েজ েকমেয়াী ইতযমিদ ি য কামা জ HTML এ ltscriptgt ltscriptgt টযমা বযবহমা কাম হয় েযমন

ltscript type=textjavascript src=jqueryjsgtltscriptgt ltscript type=textjavascript src=sliding_effectjsgtltscriptgt

উদমহাণ েমমম lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt

ltscript type=textjavascriptgt function show_alert() alert(Welcome to wwwtutohostcom) ltscriptgt ltheadgt ltbody bgcolor=009933 gt ltinput type=button style=margin-left150px width100px height50px font-size18px colorF00 onclick=show_alert() value=Click Me gt ltbodygt lthtmlgt

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 46 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozila Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

যিদ Click Me বমটনিটেত িক কাম হয় তমহেল একিট এলমটর বে Welcome to wwwtutohostcom েলখমিট েদখম যমেব

২৪ অিডও সংেযমজন েকমন িবষয়েক উপমপনমা েে েটট এবং ছিবা পমশমপমিশ অিডও-িভিডও বযবহমা কােল িবষয়িট আোম মণব হেয় উেঠ এখমন েথেক আমাম HTML অিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব েকমন িবষয়েক উপমপনমা েে েটট এবং ছিবা পমশমপমিশ অিডও-িভিডও বযবহমা কােল িবষয়িট আোম মণব হেয় উেঠ ওেয়ব িমিডয়মা মমধযেম এ কমজিট যতটম ভমেলমভমেব কাম যময় আা অ েকমেনম িমিডয়ময় মমধযেম তম সব নয় HTML মাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই অিডও ামইল য কাম যময় এবং িনয়ণ কাম যময়

পবর িত

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 47 of 54

েডটেপ একটম audio নমেম folder িনেত হেব এা মেধয audiomp3 নমেম save কাম একটম অিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt lth3 style=colorF00gtClick play button and enjoy musiclth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম audio folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ অিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt

src=audiomp3 এখমেন src=helliphelliphelliphellip এা মেধয অিডও ামইেলা িলংক য কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 48 of 54

height=35 width=300 এা মমধযেম মউজমো দিশরত অিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ অিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল অিডও েয়মা দিশরত হেব আা false েলখম হেল অিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম audio ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম audio ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল QuickTime Player ইটল কো িনন অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৫ িভিডও সংেযমজন সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযমএখমন েথেক আমাম HTML এ িভিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযম ৈদনিন সংবমদ কমশক ওেয়ব সমইটগেলম তমেদা ৈদনিন ঘটনমগেলমেক েটট এবং ইেমজ বযবহমোা মমধযেম কমেশা পমশমপমিশ িভিডও কমেশা মমধযেম আোম েবিশ জনিয়তম অজরেনা সেযমা পমে এবং বযবহমাকমাীাম এ সকল ঘটনমা বমব িচ েদখম এবং জমনমা পমশমপমিশ েয়মজেন সংহ কো ামখেত পমােছন বতরমমেন িভিডও শধ মমনেষা িবেনমদন এবং বমব ঘটনম কমেশা মমধযমই নয় এিট িশমা অতম বমহেন পিাণত হেয়েছ

অসংখয িশমমলক ওেয়ব সমইট িবিভ িবষেয়া উপা িতিদন নতন নতন েটট িভিক িটউেটমিায়মেলা পমশমপমিশ িভিডও িটউেটমিায়মল কমশ কােছ যম মমনষেক পিথবীা েয েকমন ম েথেক শধমম েশখম এবং জমনমা সেযমাই সি কােছ নম িবিনময় এবং আেলমচনমা ম

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 49 of 54

মটামর ৈতিাা মমধযেম পিাপণর িশম িবমোও ভিমকম ামখেছ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই িভিডও য কাম যময় এবং িনয়ণ কাম যময়

পবর িত েডটেপ একটম video নমেম folder িনেত হেব এা মেধয videowmv নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=videowmv width=344 height=300 autostart=false controller=true loop=false gt ltembedgt lth3 style=colorF00gtClick the play button and enjoy videolth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম video folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 50 of 54

িভিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=videowmv width=344 height=300 autostart=false controller=truegt ltembedgt

src=videowmv এখমেন src=helliphelliphelliphellip এা মেধয িভিডও ামইেলা িলংক য কাম হয়

height=344 width=300 এা মমধযেম মউজমো দিশরত িভিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ িভিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল িভিডও েয়মা দিশরত হেব আা false েলখম হেল িভিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম িভিডও ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম িভিডও ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৬ মস সংেযমজন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 46 of 54

একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozila Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

যিদ Click Me বমটনিটেত িক কাম হয় তমহেল একিট এলমটর বে Welcome to wwwtutohostcom েলখমিট েদখম যমেব

২৪ অিডও সংেযমজন েকমন িবষয়েক উপমপনমা েে েটট এবং ছিবা পমশমপমিশ অিডও-িভিডও বযবহমা কােল িবষয়িট আোম মণব হেয় উেঠ এখমন েথেক আমাম HTML অিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব েকমন িবষয়েক উপমপনমা েে েটট এবং ছিবা পমশমপমিশ অিডও-িভিডও বযবহমা কােল িবষয়িট আোম মণব হেয় উেঠ ওেয়ব িমিডয়মা মমধযেম এ কমজিট যতটম ভমেলমভমেব কাম যময় আা অ েকমেনম িমিডয়ময় মমধযেম তম সব নয় HTML মাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই অিডও ামইল য কাম যময় এবং িনয়ণ কাম যময়

পবর িত

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 47 of 54

েডটেপ একটম audio নমেম folder িনেত হেব এা মেধয audiomp3 নমেম save কাম একটম অিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt lth3 style=colorF00gtClick play button and enjoy musiclth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম audio folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ অিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt

src=audiomp3 এখমেন src=helliphelliphelliphellip এা মেধয অিডও ামইেলা িলংক য কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 48 of 54

height=35 width=300 এা মমধযেম মউজমো দিশরত অিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ অিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল অিডও েয়মা দিশরত হেব আা false েলখম হেল অিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম audio ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম audio ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল QuickTime Player ইটল কো িনন অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৫ িভিডও সংেযমজন সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযমএখমন েথেক আমাম HTML এ িভিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযম ৈদনিন সংবমদ কমশক ওেয়ব সমইটগেলম তমেদা ৈদনিন ঘটনমগেলমেক েটট এবং ইেমজ বযবহমোা মমধযেম কমেশা পমশমপমিশ িভিডও কমেশা মমধযেম আোম েবিশ জনিয়তম অজরেনা সেযমা পমে এবং বযবহমাকমাীাম এ সকল ঘটনমা বমব িচ েদখম এবং জমনমা পমশমপমিশ েয়মজেন সংহ কো ামখেত পমােছন বতরমমেন িভিডও শধ মমনেষা িবেনমদন এবং বমব ঘটনম কমেশা মমধযমই নয় এিট িশমা অতম বমহেন পিাণত হেয়েছ

অসংখয িশমমলক ওেয়ব সমইট িবিভ িবষেয়া উপা িতিদন নতন নতন েটট িভিক িটউেটমিায়মেলা পমশমপমিশ িভিডও িটউেটমিায়মল কমশ কােছ যম মমনষেক পিথবীা েয েকমন ম েথেক শধমম েশখম এবং জমনমা সেযমাই সি কােছ নম িবিনময় এবং আেলমচনমা ম

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 49 of 54

মটামর ৈতিাা মমধযেম পিাপণর িশম িবমোও ভিমকম ামখেছ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই িভিডও য কাম যময় এবং িনয়ণ কাম যময়

পবর িত েডটেপ একটম video নমেম folder িনেত হেব এা মেধয videowmv নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=videowmv width=344 height=300 autostart=false controller=true loop=false gt ltembedgt lth3 style=colorF00gtClick the play button and enjoy videolth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম video folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 50 of 54

িভিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=videowmv width=344 height=300 autostart=false controller=truegt ltembedgt

src=videowmv এখমেন src=helliphelliphelliphellip এা মেধয িভিডও ামইেলা িলংক য কাম হয়

height=344 width=300 এা মমধযেম মউজমো দিশরত িভিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ িভিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল িভিডও েয়মা দিশরত হেব আা false েলখম হেল িভিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম িভিডও ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম িভিডও ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৬ মস সংেযমজন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 47 of 54

েডটেপ একটম audio নমেম folder িনেত হেব এা মেধয audiomp3 নমেম save কাম একটম অিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt lth3 style=colorF00gtClick play button and enjoy musiclth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম audio folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ অিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=audiomp3 height=35 width=300 controller=true loop=false autostart=falsegt ltembedgt

src=audiomp3 এখমেন src=helliphelliphelliphellip এা মেধয অিডও ামইেলা িলংক য কাম হয়

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 48 of 54

height=35 width=300 এা মমধযেম মউজমো দিশরত অিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ অিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল অিডও েয়মা দিশরত হেব আা false েলখম হেল অিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম audio ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম audio ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল QuickTime Player ইটল কো িনন অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৫ িভিডও সংেযমজন সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযমএখমন েথেক আমাম HTML এ িভিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযম ৈদনিন সংবমদ কমশক ওেয়ব সমইটগেলম তমেদা ৈদনিন ঘটনমগেলমেক েটট এবং ইেমজ বযবহমোা মমধযেম কমেশা পমশমপমিশ িভিডও কমেশা মমধযেম আোম েবিশ জনিয়তম অজরেনা সেযমা পমে এবং বযবহমাকমাীাম এ সকল ঘটনমা বমব িচ েদখম এবং জমনমা পমশমপমিশ েয়মজেন সংহ কো ামখেত পমােছন বতরমমেন িভিডও শধ মমনেষা িবেনমদন এবং বমব ঘটনম কমেশা মমধযমই নয় এিট িশমা অতম বমহেন পিাণত হেয়েছ

অসংখয িশমমলক ওেয়ব সমইট িবিভ িবষেয়া উপা িতিদন নতন নতন েটট িভিক িটউেটমিায়মেলা পমশমপমিশ িভিডও িটউেটমিায়মল কমশ কােছ যম মমনষেক পিথবীা েয েকমন ম েথেক শধমম েশখম এবং জমনমা সেযমাই সি কােছ নম িবিনময় এবং আেলমচনমা ম

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 49 of 54

মটামর ৈতিাা মমধযেম পিাপণর িশম িবমোও ভিমকম ামখেছ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই িভিডও য কাম যময় এবং িনয়ণ কাম যময়

পবর িত েডটেপ একটম video নমেম folder িনেত হেব এা মেধয videowmv নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=videowmv width=344 height=300 autostart=false controller=true loop=false gt ltembedgt lth3 style=colorF00gtClick the play button and enjoy videolth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম video folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 50 of 54

িভিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=videowmv width=344 height=300 autostart=false controller=truegt ltembedgt

src=videowmv এখমেন src=helliphelliphelliphellip এা মেধয িভিডও ামইেলা িলংক য কাম হয়

height=344 width=300 এা মমধযেম মউজমো দিশরত িভিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ িভিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল িভিডও েয়মা দিশরত হেব আা false েলখম হেল িভিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম িভিডও ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম িভিডও ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৬ মস সংেযমজন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 48 of 54

height=35 width=300 এা মমধযেম মউজমো দিশরত অিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ অিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল অিডও েয়মা দিশরত হেব আা false েলখম হেল অিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম audio ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম audio ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম অিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল QuickTime Player ইটল কো িনন অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৫ িভিডও সংেযমজন সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযমএখমন েথেক আমাম HTML এ িভিডও ামইল য এবং িনয়ণ কামা পিত সেকর িবমিাত জমনেত পমাব সংঘিটত বমব ঘটনমেক পিাপণরভমেব উপমপনমা েে িভিডও সবেচেয় উপেযমাী মমধযম ৈদনিন সংবমদ কমশক ওেয়ব সমইটগেলম তমেদা ৈদনিন ঘটনমগেলমেক েটট এবং ইেমজ বযবহমোা মমধযেম কমেশা পমশমপমিশ িভিডও কমেশা মমধযেম আোম েবিশ জনিয়তম অজরেনা সেযমা পমে এবং বযবহমাকমাীাম এ সকল ঘটনমা বমব িচ েদখম এবং জমনমা পমশমপমিশ েয়মজেন সংহ কো ামখেত পমােছন বতরমমেন িভিডও শধ মমনেষা িবেনমদন এবং বমব ঘটনম কমেশা মমধযমই নয় এিট িশমা অতম বমহেন পিাণত হেয়েছ

অসংখয িশমমলক ওেয়ব সমইট িবিভ িবষেয়া উপা িতিদন নতন নতন েটট িভিক িটউেটমিায়মেলা পমশমপমিশ িভিডও িটউেটমিায়মল কমশ কােছ যম মমনষেক পিথবীা েয েকমন ম েথেক শধমম েশখম এবং জমনমা সেযমাই সি কােছ নম িবিনময় এবং আেলমচনমা ম

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 49 of 54

মটামর ৈতিাা মমধযেম পিাপণর িশম িবমোও ভিমকম ামখেছ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই িভিডও য কাম যময় এবং িনয়ণ কাম যময়

পবর িত েডটেপ একটম video নমেম folder িনেত হেব এা মেধয videowmv নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=videowmv width=344 height=300 autostart=false controller=true loop=false gt ltembedgt lth3 style=colorF00gtClick the play button and enjoy videolth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম video folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 50 of 54

িভিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=videowmv width=344 height=300 autostart=false controller=truegt ltembedgt

src=videowmv এখমেন src=helliphelliphelliphellip এা মেধয িভিডও ামইেলা িলংক য কাম হয়

height=344 width=300 এা মমধযেম মউজমো দিশরত িভিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ িভিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল িভিডও েয়মা দিশরত হেব আা false েলখম হেল িভিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম িভিডও ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম িভিডও ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৬ মস সংেযমজন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 49 of 54

মটামর ৈতিাা মমধযেম পিাপণর িশম িবমোও ভিমকম ামখেছ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো সহেজই িভিডও য কাম যময় এবং িনয়ণ কাম যময়

পবর িত েডটেপ একটম video নমেম folder িনেত হেব এা মেধয videowmv নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltpgt ltcentergt ltembed src=videowmv width=344 height=300 autostart=false controller=true loop=false gt ltembedgt lth3 style=colorF00gtClick the play button and enjoy videolth3gt ltcentergt ltpgt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম video folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

েজ িবেষণ

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 50 of 54

িভিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=videowmv width=344 height=300 autostart=false controller=truegt ltembedgt

src=videowmv এখমেন src=helliphelliphelliphellip এা মেধয িভিডও ামইেলা িলংক য কাম হয়

height=344 width=300 এা মমধযেম মউজমো দিশরত িভিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ িভিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল িভিডও েয়মা দিশরত হেব আা false েলখম হেল িভিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম িভিডও ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম িভিডও ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৬ মস সংেযমজন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 50 of 54

িভিডও য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=videowmv width=344 height=300 autostart=false controller=truegt ltembedgt

src=videowmv এখমেন src=helliphelliphelliphellip এা মেধয িভিডও ামইেলা িলংক য কাম হয়

height=344 width=300 এা মমধযেম মউজমো দিশরত িভিডও েয়মোা আকিত িনধরমাণ কাম হয়

controller=true এা মমধযেম ওেয়ব েপেজ িভিডও েয়মা দশরন কাম হেব িকনম তমা িনেদরশ দমন কাম হয় যিদ controller=helliphelliphellip এা মেধয true েলখম হয় তমহেল িভিডও েয়মা দিশরত হেব আা false েলখম হেল িভিডও েয়মা দিশরত হেব নম

loop=false এা মমধযেম িভিডও ামইলিট িক একবমা ে হেব নম লপ আকমো বমাবমা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং একবমা ে হেব

autostart=false এা মমধযেম িভিডও ামইলিট অেটমে অথরমা ওেয়ব েপজ েলমড হওয়মা সমেথ সমেথই ে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব তমা িনেদরশ দমন কাম হয় েযেহত false েলখম আেছ সতামং অেটমে হেব নম িভিডও েয়মোা ে বমটেন িক কামা পা ে হেব

িনেদরশনম যিদ ওেয়ব েপেজ অিডও েয়মা দিশরত নম হয় তমহেল মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

২৬ মস সংেযমজন

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 51 of 54

মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ এখমন েথেক আমাম HTML এ মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কামা পিত সেকর িবমিাত জমনেত পমাব মস এিনেমশন ওেয়ব সমইেটা একিট অতম আকষরণীয় উপমদমন আকষরণীয় েনিভোশন বমা বযমনমা বমটন ইতযমিদেত মেসা এিনেমশন য কো েযমন ওেয়ব সমইেটা ইনটমাোসেক আকষরণীয় কো েতমলম

যময় পমশমপমিশ সমইটিটও বযবহমা বমব হেয় উেঠ HTMLমাম ৈতিা েপেজ ltembedgt টযমা বযবহমা কো অিডও এবং িভিডও এা মত সহেজই মেস ৈতিা এিনেমশন অথরমা SWF ামইল য কাম যময়

পবর িত েডটেপ একটম flash নমেম folder িনেত হেব এা মেধয

flashswf নমেম save কাম একটম িভিডও ামইল ামখেত হেব

অনশীলন েজ lthtmlgt ltheadgt lttitlegt wwwtutohostcomlttitlegt ltheadgt ltbody gt ltcentergt ltembed src=flashswf width=250 height=240gt ltembedgt ltcentergt ltbodygt lthtmlgt

েডটেপ ৈতিা কাম flash folder এা মেধয একটম েনমটপযমড open কো উপোা code টক িলেখ file েমন েথেক Save as এ িক কো File name indexhtml Save as type All files িদেয় save কো indexhtml ামইলিট Mozilla Firefox িদেয় open কােল িনেচ দিশরত ছিবা মত েদখমেব

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা

Tuto

Hos

t E-B

ook

HTML 1

0

এইচিটএমএল ইবক ১০ TutoHostcombanglahtml

Page 52 of 54

েজ িবেষণ মস য কামা জ ltembedgt টযমা বযবহমা কাম হয়

ltembed src=flashswf width=250 height=240gt ltembedgt

src=flashswf এখমেন src=helliphelliphelliphellip এা মেধয মস ামইেলা িলংক য কাম হয়

width=250 height=240 এা মমধযেম মউজমো দিশরত মস এিনেমশেনা আকিত িনধরমাণ কাম হয়

িনেদরশনম িনেদরশনম যিদ ওেয়ব েপেজ মস এিনেমশন দিশরত নম হয় তমহেল flash player অথবম মউজমোা িনেদরশনম অনযময়ী েয়মজনীয় মা ইনস ইটল কো িনন

Like Us on FaceBook

FaceBookcomTutoHost

All Right Reserved By TutoHostcom

• ১ HTML কি
• HTML এর ইতিহাস
• HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বারনাস-লী এখানে এইচটিএমএল এর সংকষিপত ইতিহাস তলে ধরা হলো
• ২ পরোগরাম লেখার পদধতি
• যে কোন পরোগরাম লেখার জনযই কোন একটা এডিটর বযবহার করে কোডিং করতে হযএখানে এইচটিএমএল এ পরোগরাম লেখার সাধারন পদধতি একটি পরাথমিক পরোজেকট এবং সাধারন টযাগসমহ নিযে আলোচনা করা হবে
• HTML এ লেখা পরোগরামের মৌলিক অংশ সমহ
• HTML এ লেখা পরোগরামের বিভিনন অংশ বিশলেষণ
• lthtmlgt বা html টযাগ
• ltheadgt বা head টযাগ
• ltbodygt বা body টযাগ
• ৩ HTML টযাগ কি
• এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ সমপরকে জানা খবই গরতবপরণ আমরা সহজেই এখান থেকে এইচটিএমএল এর সাধারন টযাগ সমহ এবং এগলোর কাজের সাধারন বিবরণ জেনে নিতে পারব
• HTML এর সাধারন টযাগ সমহ
• ৪ HTML ইলিমেনট
• HTML এ যেকোন শর এবং শেষ টযাগের মাঝের অংশকে ইলিমেনট বলা হয যেমন lth1gt This is an example of elementlth1gt এখানে lth1gt হেডার1 শর এবং lth1gt হেডার1 শেষ টযাগের মাঝে This is an example of element লেখা হযেছে তাই ldquoThis is an example of elementrdquo এ
• ৫ HTML এটরিবিউটস
• HTML এটরিবিউটস সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি বিষয HTML টযাগের কারযকষমতাকে বরধিত করার জনয এটরিবিউটস বযবহার করা হয এখানে উদাহরণ সহ HTML এটরিবিউটস সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৬ হেডিং
• এইচটিএমএল এ হেডিং টযাগ একটি গরতবপরণ টযাগ সাধারনত এর মাধযমে কোন পযারাগরাফের শিরোনাম লেখা হয এ অধযাযে আমরা হেডিং এর কোডিং পদধতি সমপরকে জানবো
• উদাহরণ পরোগরাম
• ৭ পযারাগরাফ
• পযারাগরাফ টযাগটি সরবাধিক গরতবপরণ এবং অতযনত পরযোজনীয একটি টযাগ পযারাগরাফ টযাগের ভেতরেই টেকসটগলো বিভিননভাবে পরকাশিত হয এখানে পযারাগরাফ টযাগ সমপরকে উদাহরণসহ বিসতারিত বিবরণ দেওযা হবে
• উদাহরণ পরোগরাম
• ৮ টেকসট ফরমেটিং
• ওযেবসাইটে আমরা যে টেকসটগলো দেখি তা ছোট বড বোলড ইটালিকসহ বিভিনন ফরমেটে হযে থাকে এখানে টেকসট ফরমেটিং করার বিভিনন পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ৯ ফনট টযাগ
• HTML এর মাধযমে কোন ডকমেনটকে সনদরভাবে উপসথাপন করার জনয ltfontgt বা ফনট টযাগ খবই গরতবপরণ ভমিকা পালন করে এখানে ফনট টযাগ বযবহারের বিসতারিত পদধতি আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১০ সটাইলের বযবহার
• সিএসএস (Cascading Style Sheet files) মাধযমে ওযেবসাইটকে অনেক সনদর করে তোলা যায এখানে HTML ইলিমেনটের সাথে সটাইলের বযবহার পরণালী নিযে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম অনযানয এটরিবিউটস বযবহার করে
• উদাহরণ পরোগরাম সটাইল বযবহার করে
• ১১ লিংক
• একটা পাতার সাথে আরেকটি পাতার যোগাযোগ সথাপন করা হয লিংকের মাধযমে এখানে এইচটিএমএল এ লিংক পরকাশ করার পদধতি সমপরকে বিসতারিত আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১২ ছবি সংযোজন
• ওযেব সাইটে ছবি সংযোজন ছবির মাধযমে লিংক করা এবং বিভিনন সাইজের ছবি পরদরশণের পদধতি আলোচনা করা হযেছে
• পরব পরসততি
• উদাহরণ পরোগরাম
• ১৩ টেবিল সংযোজন
• ওযেব পেজে তথয উপাতত পরিসংখযান উপসথাপন করার একটি অনযতম পনথা হচছে টেবিল বযবহার করা HTML এ table তৈরির বিভিনন বিষয এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৪ এইচটিএমএল লিষট
• একটি ওযেবপেজে লিষট বা তালিকাকে সনদরভাবে পরকাশ করার জনয যে এইচটিএমএল কোড বযবহার করা হয তার সজনশীল পদধতি নিযে এখানে আলোচনা করা হযেছে
• উদাহরণ পরোগরাম
• উদাহরণ পরোগরাম
• ১৫ এইচটিএমএল ফরম
• এইচটিএমএল ফরম তথয ইনপট নেওযাসহ নানা রকম কাজে বযবহত হয বিশেষ করে সকরিপটিং পরোগরামিং ভাষার সাথে এই ফরমের তথযগলো সংযকত হযে কাজ করে থাকেএখানে এইচটিএমএল এর মাধযমে ফরম তৈরি বযবহার এবং বাসতব পরজেকট সমপরকে আলোচনা করা হবে
• উদাহরণ পরোগরাম
• ১৬ HTML ফরেম
• HTML এর মাধযমে কোন ওযেব পেজকে একাধিক ভাগে বিভকত করার জনয আগের দিনে ফরেম বযবহার করা হত দিনে দিনে ফরেমের বযবহার কমে এসেছে তবে html সমপরকে জঞান ভানডার সমদধ করার জনয ফরেম সমপরকেও কিছটা ধারণা থাকা দরকার
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৭ আই ফরেম একটা ওযেব পেজের মধযেই অপর এক বা একাধিক ওযেব পেজ পরদরশন করার অনযতম উপায হচছে আই ফরেম কোন বিষয বিসতারিতভাবে উপসথাপনার কষেতরে পরাসঙগিক বিষযের উপর বিভিনন ওযেব পেজের লিংক পরকাশ করা গরতবপরণ পাশাপাশি উকত পেজটিকে সংকষ
• উদাহরণ পরোগরাম
• পরোগরাম আলোচনা
• ১৮ রং ও কোড
• ওযেব পেজে রং এর বযবহার খবই গরতবপরণ একটা ওযেব পেজ গঠিত হয এক বা একাধিক পযারাগরাফ শিরোনাম টেবিল বযাগরাউনড বরডার ইতযাদির সমনবযে এ সকল উপাদানের পরতযেকটিতেই কোন না কোন রং বযবহার করতে হয রং ও কোড বযবহারের বিসতারিত পদধতি সমপ
• উদাহরণ পরোগরাম
• ১৯ লে আউট
• উদাহরণ পরোগরাম
• ২০ সি এস এস
• বরতমান সমযে ওযেব পেজের কাঠামো তৈরি করা হয HTML দিযে ডিজাইন তৈরি করা হয CSS দিযে আর টেকসট জমা রাখা হয ডাটাবেজে তাই কোন পেজকে আকরষণীয করে তোলার পাশাপাশি বযবহার বানধব করে তোলার জনয CSS এর ভমিকা খবই গরতবপরণ এখান থেকে আমরা HTML এর
• একসটারনাল সটাইল সিট
• ইনটারনাল সটাইল সিট
• ইনলাইন সটাইল সিট
• উদাহরণ পরোগরাম
• ২১ হেড ইলিমেনট
• হেড টযাগ বা ltheadgt এবং হেড ইলিমেনট যেকোন HTML পেজের একটি গরতবপরণ অংশ এর মাধযমে বরাউজারে পেজ সমপরকিত বেশ কিছ তথয পরদরশন করার পাশাপাশি সারচ ইনজিন অপটিমাইজেশন এর মত গরতবপরণ কাজও সমপনন হযএখান থেকে আমরা হেড টযাগ বা ltheadgt এবং হে
• টাইটেল
• লিংক
• মেটা ইলিমেনট
• সটাইল
• সকরিপট
• উদাহরণ পরোগরাম
• • সোরস ফাইল ডাউনলোড
  • • ২১ মেটা
    • যে কোন ওযেব সাইটের জনযই সারচ ইনজিন অপটিমাইজেশন একটি গরতবপরণ বিষয ওযেব পেজে মেটা টযাগ বযবহার করে এ গরতবপরণ কাজটি করা হয এখান থেকে আমরা মেটা টযাগ সমপরকে বিসতারিত জানতে পারব
    • ২৩ সকরিপট
    • HTML কোন পরোগরামিং লযাঙগযেজ নয তাই ওযেব পেজেও পরোগরামিং এর সবিধা যকত করার জনয বিভিনন ধরনের সকরিপটিং লযাঙগযেজ বযবহার করা হয যেমন জাভাসকরিপট জে কোযেরী ইতযাদিজাভাসকরিপট জে কোযেরী ইতযাদি সকরিপট যকত করার জনয HTM
    • উদাহরণ পরোগরাম
    • ২৪ অডিও সংযোজন
    • কোন বিষযকে উপসথাপনার কষেতরে টেকসট এবং ছবির পাশাপাশি অডিও-ভিডিও বযবহার করলে বিষযটি আরো পরাণবনত হযে উঠে এখান থেকে আমরা HTML অডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৫ ভিডিও সংযোজন
    • সংঘটিত বাসতব ঘটনাকে পরিপরণভাবে উপসথাপনার কষেতরে ভিডিও সবচেযে উপযোগী মাধযমএখান থেকে আমরা HTML এ ভিডিও ফাইল যকত এবং নিযনতরণ করার পদধতি সমপরকে বিসতারিত জানতে পারব
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা
    • ২৬ ফলাস সংযোজন
    • ফলাস এনিমেশন ওযেব সাইটের একটি অনযতম আকরষণীয উপাদান আকরষণীয নেভিগেশন বার বযানার বাটন ইতযাদিতে ফলাসের এনিমেশন যকত করে যেমন ওযেব সাইটের ইনটারফেসকে আকরষণীয করে তোলা যায পাশাপাশি সাইটটিও বযবহার বানধব হযে উঠে এখান থেকে আমরা HTML এ ফ
    • পরব পরসততি
    • অনশীলন পরজেকট
    • পরজেকট বিশলেষণ
    • নিরদেশনা