বাংলার শিক্ষা ও সংস্কৃতি: HTML বাংলা টিউটোরিয়াল

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><br /><div style="text-align: justify;">নিত্যনতুন অনেক বন্ধুর নতুন নতুন কোলাহল প্রতিনিয়ত আমাদের কাছে আসে, কখনো কমেন্ট বক্সে কমেন্ট এর মাধ্যমে কখনও ফেসবুক থেকে কখনও বা টুটার এর মাধ্যমে। যাইহোক, এই অনেক অনেক সাইটে দেখেছেন, যে টেক্স মিটমিট করেছে, মানে ব্লিংক করছে। কিন্তু কিভাবে দিতে হয় এই ব্লিংক ইফেক্ট সেটি হচ্ছে আজকের টপিক। আসুন দেখে নেই কিভাবে দিবেন এই ব্লিংক ইফেক্ট। [<a href="http://www.computerjajot.com/2015/01/how-to-add-contact-form-in-blog-website-with-source-code.html"> কিভাবে ব্লগে বা সাইটে Contact Form যুক্ত করবেন ? Source কোড সহ</a> ]</div><br /><div style="text-align: justify;">আপনারা যারা বিভিন্ন ব্লগে বা ফোরামে লেখালেখি করেন তারাও ওয়েব ডেভেলপারের পাশাপাশি এই ইফেক্টটি ব্যবহার করতে পারবেন। তাছাড়া HTML (Hyper Text Markup Language ) সাপোর্ট করে এমন যেকোন কমেন্ট বক্সেও আপনি এই ইফেক্টটি সহজে ব্যবহার করতে পারবেন। [<a href="http://www.computerjajot.com/2015/08/html-bangla-tutorials.html">HTML বাংলা টিউটোরিয়াল শুরু থেকে শেষ</a>]</div>এই পষ্টে আমরা একটি এইচটিএমএল (HTML) ট্যাগ এর সাথে পরিচিত করিয়ে দেব । যেটি ব্যাবহার করে আপনি ব্লিংক ইফেক্ট দিতে পারবেন। ট্যাগটি আসলে এর কাজের সাথে সামঞ্জস্যপূর্ণ।<br />ট্যাগটি হল-<br /><br /><blockquote class="tr_bq"><blink> </blink></blockquote><br /><b>কিভাবে ব্যবহার করবেন ? </b><br /><ul style="text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOLVfO6tiMFiRmkDJTGBTpd6tQ-c7DfBmI7cjZv4tyPxbWMc2e5AI2Ox0KHLBtyBZuHvg754mzr_LaK2z0bAiwJxmx56_G7gESQh4-lbTV6wp0KxWzkr5VY9HoO-6bhxa3wKg_bCHx6o/s1600/html.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOLVfO6tiMFiRmkDJTGBTpd6tQ-c7DfBmI7cjZv4tyPxbWMc2e5AI2Ox0KHLBtyBZuHvg754mzr_LaK2z0bAiwJxmx56_G7gESQh4-lbTV6wp0KxWzkr5VY9HoO-6bhxa3wKg_bCHx6o/s1600/html.png" /></a><li>স্টার্ট ও এন্ড ট্যাগের মাঝে যেই লেখা থাকবে সেটিই ব্লিংক (Blink) করবে বা মিটমিট করবে।</li></ul>উধাহারন-<br /><br /><blink>Welcome to Blink</blink><br /><br /><ul style="text-align: left;"><li style="text-align: justify;">Wordpress ( ওয়ার্ডপ্রেস ) দ্বারা চালিত ব্লগে যারা লেখালেখি করে থাকেন তারা কোডটি HTML (এইচটিএমএল) ভিউ অপশনে পেস্ট করবেন। ওয়ার্ডপ্রেস ডট কমে এটি সাপোর্ট করবে না কারন ওয়ার্ডপ্রেস ডট কম (HTML) এইচটিএমএল কোড লেখার জায়গা রাখলেও সিকিউরিটির কারনে এইচটিএমএল এর সব কাজ এটিতে করা যায় না।</li><li>Blogspot এ করতে চাইলে HTML মোডে ক্লিক করে লেখাটি লিখে দিলে সহজে কাজ করে।</li><li> ডেম- <blink> <a href="http://www.tipstweet.in/" target="_blank">Click Here to Demo</a> </blink></li></ul><blink><blink>বন্ধু, আজ শেখলাম টেক্সট </blink><blink>ব্লিংক ইফেক্ট যুক্ত করন। আজ এখানেই সময় পেলে আগমনী বার্তা থেকে একবার ঘুরে আসুন। সমস্যা হলে কমেন্ট করতে ভুলবেন না। ধ্যন্যবাদ।  </blink><br /></blink><br /><ul style="text-align: left;"></ul></div></div>

HTML এ ব্লিংক ইফেক্ট যুক্ত লেখা করুন যে কোন লেখাকে - Blink Effect in Text

নিত্যনতুন অনেক বন্ধুর নতুন নতুন কোলাহল প্রতিনিয়ত আমাদের কাছে আসে, কখনো কমেন্ট বক্সে কমেন্ট এর মাধ্যমে কখনও ফেসবুক থেকে কখনও বা টুটার এর মাধ্...

<div dir="ltr" style="text-align: left;" trbidi="on"><h4 style="text-align: left;"> HTML কি? ( HTML বাংলা টিউটোরিয়ালঃ পর্ব-১ )</h4>HTML (Hyper Text Mark Up Language) একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা পৃথিবীর বিশাল তথ্য-ভান্ডারকে ইন্টারনেটের মাধ্যমে প্রদর্শনের সুযোগ তৈরি করে দিয়েছে। একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়ে। HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। Mark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা HTML এ Mark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় ।<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEhYrYxQ07BzZjwWd0v22r4rHcVqmj9r5qpW3_CoAstqsizceIticwYHHwre8szQwxIEqvrdS-GCayLtqJj-82GVF3WOey-VDAmGGk251_LPEROThw8shpjB4a8_538662RVCo5nMKu8/s1600/html+bangla.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML বাংলা টিউটোরিয়াল" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEhYrYxQ07BzZjwWd0v22r4rHcVqmj9r5qpW3_CoAstqsizceIticwYHHwre8szQwxIEqvrdS-GCayLtqJj-82GVF3WOey-VDAmGGk251_LPEROThw8shpjB4a8_538662RVCo5nMKu8/s1600/html+bangla.PNG" title="HTML বাংলা টিউটোরিয়াল" /></a></div><br /><blockquote class="tr_bq">এটিও পড়ুন - <a href="http://www.computerjajot.com/2014/11/microsoft-power-point.html">Microsoft Power Point কি? জেনে নিন পাওয়ার পয়েন্টের অজানা কিছু তথ্য</a></blockquote><br /><h4 style="text-align: left;">HTML এর ইতিহাস</h4><br />HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বার্নাস-লী। এখানে এইচটিএমএল এর সংক্ষিপ্ত ইতিহাস তুলে ধরা হবে।<br /> HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বার্নাস-লী। HTML তৈরির উদ্দেশ্য ছিল বৈজ্ঞানিক গবেষণার তথ্য উপাত্ত দ্রুত পৃথিবীর বিভ্ন্নি স্থানে আদান প্রদানের ব্যবস্থা করা। ১৯৯০ সালের দিকে NCSA কর্তৃক ডেভলপকৃত মোজাইক ব্রাউজারের মাধ্যমে HTML পরিচিতি লাভ করে। ১৯৯৭ এর জানুয়ারীতে WC3 কর্তৃক প্রথম ডেভলপকৃত HTML3.2 প্রকাশিত হয়। একই বছরে শেষে ডিসেম্বরে WC3 HTML এর নতুন সংস্করণ HTML4.2 প্রকাশ করে। ২০১০ সালে বর্তমানে প্রচলিত HTML এর সর্বশেষ ভার্সন HTML5 জনসম্মূখে পরিচিতি লাভ করে।<br /><blockquote class="tr_bq">এটিও পড়ুন - <a href="http://www.computerjajot.com/2015/01/php-mysql.html">PHP ও MySQL বাংলা টিউটোরিয়াল - স্টেপ বাই স্টেপ</a></blockquote><h4 style="text-align: left;">প্রোগ্রাম লেখার পদ্ধতি</h4> যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়।এখানে এইচটিএমএল এ প্রোগ্রাম লেখার সাধারন পদ্ধতি, একটি প্রাথমিক প্রোজেক্ট এবং সাধারন ট্যাগসমূহ নিয়ে আলোচনা করা হবে।<br />যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়। HTML এ প্রোগ্রাম লেখার জন্য প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করা যেতে পারে এবং বাড়তি সুবিধা পাবার জন্য এডভান্স এডিটর হিসেবে Dreamweaver এবং Notepad++ ব্যবহার করা ভাল। HTML এ লেখা প্রোগ্রাম .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাউজার যেমন Internet explorer, Mozilla Firefox , Google chrome এবং Opera দ্বারা দেখা যাবে।<br /><h4 style="text-align: left;">HTML এ লেখা প্রোগ্রামের মৌলিক অংশ সমূহ</h4><div style="margin-left: 120px;"><b style="color: #0033cc;"><html></b><br /><b style="color: red;"><head></b><br /><b style="color: #006666;"><title></b> www.tutohost.com<b style="color: #006666;"></title></b><br /><b style="color: red;"></head></b><br /><b style="color: #ff9900;"><body></b><br />This is my first web page. I am learning now HTML.<br /><b style="color: #ff9900;"></body></b><br /><b style="color: #0033cc;"></html></b></div> একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।<br /><br /><h4 style="text-align: left;"> HTML এ লেখা প্রোগ্রামের বিভিন্ন অংশ বিশ্লেষণ</h4>প্রোগ্রামের মধ্যে <> এবং < /> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body এগুলোকে Keyword বলে এবং <> বা < /> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে ট্যাগ বলা হয়। যেমন <head> অর্থ head ট্যাগ। HTML এ দুই ধরনের ট্যাগ রয়েছে , <> চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শুরু ট্যাগ এবং < /> চিহ্ন ও keyword নিযে গঠিত ট্যাগকে শেষ ট্যাগ বলে যেমন < title> অর্থ title শুরু ট্যাগ এবং <title /> অর্থ title শেষ ট্যাগ। [<a href="http://www.computerjajot.com/2015/03/universal-keygen-generator-2015.html">যেকোন সফটওয়্যারের সিরিয়াল কী বের করুন Universal Keygen Generator দিয়ে !! লেটেস্ট 2015</a>]<br /><br /><h4 style="text-align: left;"><html> বা html ট্যাগ:</h4>HTML এ প্রোগ্রাম লেখার জন্য সমস্ত code কে <html> </html> এর মাঝে লেখা হয়।<br /><br /><h4 style="text-align: left;"><head> বা head ট্যাগ:</h4><head></head> এর ভেতরে <title> </title> ট্যাগ লেখা হয় যার মাধ্যমে ওয়েবসাইটের title বা শিরোনাম প্রদর্শনের ব্যবস্থা করা হয়। এই code এ title হিসেবে www.tutohost.com লেখা হয়েছে যা ব্রাউজারের title bar এ দেখা যাচ্ছে। এছাড়া css এর stylesheet কে head ট্যাগের মধ্যেই call করা হয়।<br /><br /><body> বা body ট্যাগ:<br /><body> বা body ট্যাগ খুবই গুরুত্বপূর্ণ। একটি ওয়েব সাইটের মূল Content সমূহ Body ট্যাগের মধ্যে অবস্থান করে । <body></body> ট্যগের মধ্যেই বিভিন্ন Text , Image, Table ইত্যাদি ফরমেটিং এর জন্য বিভিন্ন ট্যাগ সমূহ লেখা হয় । এই code এ <body></body> ট্যগের মধ্যে  This is my first web page. I am learning now HTML. লেখা হয়েছে যা ব্রাউজারের মূল অংশে প্রদর্শিত হচ্ছে।<br /><h4 style="text-align: left;"><br /></h4><h4 style="text-align: left;">HTML ট্যাগ কি?</h4> HTML এ প্রোগ্রাম লেখার জন্য  <>  এবং </> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body  ইত্যাদি  Keyword  ব্যবহার করা হয়। <> বা </> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে একত্রে ট্যাগ বলা হয়। যেমন <html>  এবং </html> । <body> হল body শুরু ট্যাগ এবং </ body> হল body শেষ ট্যাগ।<br /><h4 style="text-align: left;">HTML এর সাধারন ট্যাগ সমূহ</h4><table border="1" cellpadding="0" cellspacing="0" style="text-align: center;"><tbody><tr><td valign="top" width="319"><div align="center" style="color: #cc6600; padding-left: 60px;"><b>ট্যাগ সমূহ</b></div></td><td valign="top" width="319"><div align="center" style="color: #cc6600; padding-left: 95px;"><b>বর্ণনা</b></div></td></tr><tr><td valign="top" width="319"><div align="center"><html> </html></div></td><td valign="top" width="319"><div align="center">HTML ডকুমেন্ট নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><head></head></div></td><td valign="top" width="319"><div align="center">প্রোগ্রামের head  অংশ নির্দেশ করে ।</div></td></tr><tr><td valign="top" width="319"><div align="center"><title></title></div></td><td valign="top" width="319"><div align="center">ডকুমেন্ট টাইটেল নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><body></body></div></td><td valign="top" width="319"><div align="center">প্রোগ্রামের মূল content অংশ নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><a></a>         </div></td><td valign="top" width="319"><div align="center">Anchor ট্যাগ।</div></td></tr><tr><td valign="top" width="319"><div align="center"><abbr></abbr>         </div></td><td valign="top" width="319"><div align="center">Abbreviation ট্যাগ।</div></td></tr><tr><td valign="top" width="319"><div align="center"><b></b></div></td><td valign="top" width="319"><div align="center">Bold টেক্সট নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><i></i></div></td><td valign="top" width="319"><div align="center">Italic টেক্সট নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><big></big></div></td><td valign="top" width="319"><div align="center">স্বাভাবিকের চেয়ে বড় টেক্সট নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><small></small></div></td><td valign="top" width="319"><div align="center">স্বাভাবিকের চেয়ে ছোট টেক্সট নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><blockquote> </blockquote></div></td><td valign="top" width="319"><div align="center">বিশেষ উদ্ধৃতি প্রকাশ করতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><br / ></div></td><td valign="top" width="319"><div align="center">একটা লাইন ব্রেক তৈরি করে ।</div></td></tr><tr><td valign="top" width="319"><div align="center"><code></code></div></td><td valign="top" width="319"><div align="center">কম্পিউটার কোড টেক্সট প্রকাশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><table></table></div></td><td valign="top" width="319"><div align="center">টেবিল তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><col></col></div></td><td valign="top" width="319"><div align="center">টেবিলের কলাম তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><td></td></div></td><td valign="top" width="319"><div align="center">টেবিলের সেল তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><tr></tr></div></td><td valign="top" width="319"><div align="center">টেবিলের সারি তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><form></form></div></td><td valign="top" width="319"><div align="center">ফরম তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><h1></h1></div></td><td valign="top" width="319"><div align="center">হেডার ট্যাগ 1-6 পর্যন্ত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><hr/></div></td><td valign="top" width="319"><div align="center">সমান্তরাল রেখা তৈরি করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><img/></div></td><td valign="top" width="319"><div align="center">ছবি যুক্ত করতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><input></input></div></td><td valign="top" width="319"><div align="center">ফরমের ইনপুট ফিল্ড তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><li></li></div></td><td valign="top" width="319"><div align="center">লিষ্ট তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><meta></meta></div></td><td valign="top" width="319"><div align="center">Meta ট্যাগ</div></td></tr><tr><td valign="top" width="319"><div align="center"><ol></ol></div></td><td valign="top" width="319"><div align="center">অর্ডার লিষ্ট তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><ul></ul></div></td><td valign="top" width="319"><div align="center">আনঅর্ডার লিষ্ট তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><p></p></div></td><td valign="top" width="319"><div align="center">প্যারাগ্রাফ নির্দেশ করে</div></td></tr><tr><td valign="top" width="319"><div align="center"><pre></pre></div></td><td valign="top" width="319"><div align="center">pre-formatted টেক্সট তৈরিতে ব্যবহৃত হয়।</div></td></tr><tr><td valign="top" width="319"><div align="center"><tt></tt></div></td><td valign="top" width="319"><div align="center">টেলিটাইপ টেক্সট নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><strong></strong></div></td><td valign="top" width="319"><div align="center">Strong টেক্সট নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><sub></sub></div></td><td valign="top" width="319"><div align="center">subscripted text নির্দেশ করে।</div></td></tr><tr><td valign="top" width="319"><div align="center"><sup></sup></div></td><td valign="top" width="319"><div align="center">superscripted text নির্দেশ করে।</div></td></tr></tbody></table><br /><h4 style="text-align: left;"> HTML ইলিমেন্ট</h4><br />HTML এ যেকোন শুরু ও শেষ ট্যাগ এবং মাঝের অংশকে ইলিমেন্ট বলা হয়। যেমন <h1> This is an example of element.</h1> । এখানে <h1> হেডার1 শুরু এবং </h1> হেডার1 শেষ ট্যাগের মাঝে This is an example of element. লেখা হয়েছে, তাই <h1> This is an example of element.</h1> একটি ইলিমেন্ট। কিছু কিছু ট্যাগের কোন ইলিমেন্ট থাকে না যেমন <br /> ,<img /> ইত্যাদি।<br /><br /><br /><table border="1" cellpadding="0" cellspacing="0" style="text-align: center;"><tbody><tr><td valign="top" width="319"><div align="center" style="color: #cc6600; padding-left: 50px;"><b>শরু ট্যাগ</b></div></td><td valign="top" width="213"><div align="center" style="color: #cc6600; padding-left: 80px;"><b>ইলিমেন্ট কনটেন্ট</b></div></td><td valign="top" width="213"><div align="center" style="color: #cc6600; padding-left: 40px;"><b>শেষ ট্যাগ</b></div></td></tr><tr><td valign="top" width="213"><div align="center"><h1></div></td><td valign="top" width="213"><div align="center">This is an element.</div></td><td valign="top" width="213"><div align="center"></h1></div></td></tr><tr><td valign="top" width="213"><div align="center"><p></div></td><td valign="top" width="213"><div align="center">This is paragraph.</div></td><td valign="top" width="213"><div align="center"></p></div></td></tr><tr><td valign="top" width="213"><div align="center"><br /></div></td><td valign="top" width="213"><div align="center"></div></td><td valign="top" width="213"><div align="center"></div></td></tr><tr><td valign="top" width="213"><div align="center"><img /></div></td><td valign="top" width="213"><div align="center"></div></td><td valign="top" width="213"><div align="center"></div></td></tr></tbody></table><br />সাধারণতঃ যে সকল ট্যাগের শেষ ট্যাগ থাকে না তাদের ইলিমেন্টও থাকে না। এ ধরণের শুরু ট্যাগের মধ্যেই / চিহ্নটি অন্তর্ভূক্ত থাকে, এবং এর আগে একটা স্পেস দিতে হয়।<br /><h4 style="text-align: left;">HTML এট্রিবিউটস্</h4><br />HTML এ এট্রিবিউটস ইলিমেন্ট এর আনুসাঙ্গিক তথ্য প্রকাশ করে । মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য এট্রিবিউটস ব্যবহার করা হয়। যেমন <font size="5" face="Tahoma" color="red"> This is a paragraph.</font>  এখানে size="5"  অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে ইলিমেন্ট অর্থাৎ This is a paragraph. লেখাটির সাইজ কেমন হবে। এছাড়া face="Tahoma"  প্রকাশ করছে লেখাটির font হবে Tahoma এবং color="red" দ্বারা প্রকাশ করছে লেখাটির রং হবে লাল।<br /><br /><h4 style="text-align: left;">কিছু  HTML এট্রিবিউটস্   </h4><table border="1" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" width="217"><div align="center" style="color: #cc6600;"><b>ট্যাগ</b></div></td><td valign="top" width="324"><div align="center" style="color: #cc6600;"><b>এট্রিবিউটস্ </b>  </div></td></tr><tr><td valign="top" width="217"><div align="center"><font></div></td><td valign="top" width="324"><div align="center">size="5" face="Tahoma" color="red"</div></td></tr><tr><td valign="top" width="217"><div align="center"><h1>….<h6> <p></div></td><td valign="top" width="324"><div align="center">align="center" align="left" align="right" title="Bangladesh"</div></td></tr><tr><td valign="top" width="217"><div align="center"><body></div></td><td valign="top" width="324"><div align="center">bgcolor="green" background="../images/ele.png"</div></td></tr><tr><td valign="top" width="217"><div align="center"><div></div></td><td valign="top" width="324"><div align="center">id="book" class="pen" align="center"</div></td></tr><tr><td valign="top" width="217"><div align="center"><img> <table></div></td><td valign="top" width="324"><div align="center">height="100px" width="50px"  border="5px"</div></td></tr><tr><td valign="top" width="217"><div align="center"><input /></div></td><td valign="top" width="324"><div align="center">type="text" name="TextField"</div></td></tr></tbody></table><br /><h4 style="text-align: left;">HTMLপ্রোগ্রামের উদাহরণ</h4><div style="margin-left: 120px;"><b style="color: #0033cc;"><html></b><br /><b style="color: red;"><head></b><br /><b style="color: #006666;"><title></b> www.tutohost.com<b style="color: #006666;"></title></b><br /><b style="color: red;"></head></b><br /><b style="color: #ff9900;"><body bgcolor=" <span style="color: #006600;">green"></span></b><br /><b style="color: #660000;"><font</b> <span style="color: #006699;">size="5" face="Tahoma" color="red"></span><br />This is a paragraph.<br /><b style="color: #660000;"></font></b><br /><b style="color: #ff9900;"></body></b><br /><b style="color: #0033cc;"></html></b></div><br /><br /> একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে পাশে প্রদর্শিত ছবির মত দেখাবে।<br /><h4 style="text-align: left;">হেডিং (Heading)</h4> HTML এর মাধ্যমে কোন ডকুমেন্ট বা প্যারাগ্রাফের শিরোনাম লেখার জন্য হেডিং ট্যাগ ব্যবহার করা হয়। HTML এ মোট ছয় ধরণের হেডিং ট্যাগ রয়েছে এগুলো হল <h1> </h1> , <h2> </h2> , <h3> </h3> , <h4> </h4> , <h5> </h5> এবং <h6> </h6>  । যদি বড় সাইজের অক্ষরে শিরোনাম লেখার প্রয়োজন হয় তাহলে <h1> </h1> ট্যাগের মাঝে লেখা হয়। এবং অন্যান্য গুলো ব্যবহার করলে লেখার সাইজ আস্তে আস্তে ছোট হবে।<br /><br /><h2>উদাহরণ প্রোগ্রাম</h2><div style="margin-left: 120px; text-align: left;"><b style="color: #0033cc;"><html></b><br /><b style="color: red;"><head></b><br /><b style="color: #006666;"><title></b> www.tutohost.com<b style="color: #006666;"></title></b><br /><b style="color: red;"></head></b><br /><b style="color: #ff9900;"><body bgcolor=" <span style="color: #006600;">green"></span></b><br /><b style="color: #006600;"><h1></b>This is an example of heading 1<b style="color: #006600;"></h1></b><br /><b style="color: #006600;"><h2></b>This is an example of heading 2<b style="color: #006600;"></h2></b><br /><b style="color: #006600;"><h3></b>This is an example of heading 3<b style="color: #006600;"></h3></b><br /><b style="color: #006600;"><h4></b>This is an example of heading 4<b style="color: #006600;"></h4></b><br /><b style="color: #006600;"><h5></b>This is an example of heading 5<b style="color: #006600;"></h5></b><br /><b style="color: #006600;"><h6></b>This is an example of heading 6<b style="color: #006600;"></h6></b><br /><b style="color: #ff9900;"></body></b><br /><b style="color: #0033cc;"></html></b></div><span style="background-color: blue;"><br /></span><span style="color: purple;"><span style="background-color: white;"><b>নোট- </b></span></span><br /><span style="color: purple;"><span style="background-color: white;"><b>একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে   Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All  files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে  পাশে প্রদর্শিত ছবির মত দেখাবে। </b></span></span><br /><div style="text-align: center;"><blockquote class="tr_bq"><span style="color: red;"><span style="font-size: large;"><a href="http://learneasywebdesign.blogspot.com/" target="_blank"><b>বাংলায় আরও HTML শিক্ষার জন্য এখানে ক্লিক করুন ..</b></a></span></span></blockquote></div><div style="margin-left: 120px; text-align: left;"><b style="color: #0033cc;"></b></div></div>

HTML বাংলা টিউটোরিয়াল শুরু থেকে শেষ

HTML কি? ( HTML বাংলা টিউটোরিয়ালঃ পর্ব-১ ) HTML (Hyper Text Mark Up Language) একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা পৃথিবীর বিশাল তথ্য-ভান্ডারকে ...