Upload
ar-tech
View
472
Download
14
Embed Size (px)
Citation preview
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 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 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
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 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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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
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
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
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
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
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
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
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
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
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
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