এইচটিএমএল এ যেকোন এলিমেন্ট এর রং সেট করার তিনটি পদ্ধতি আছে। ১. রংয়ের নাম দিয়ে, ২. রংয়ের RGB মান দিয়ে এবং ৩. রংয়ের হেক্সাডেসিমাল মান দিয়ে ১. রংয়ের নাম দিয়ে আপনি সরাসরি রংয়ের নাম ব্যবহার করে একটা এইচটিএমএল এলিমেন্টে রং দিতে পারেন। সাধারন কিছু কালার যেমন black, white, red ইত্যাদি। এইচটিএমএল এ কালার value লেখার সময় সরাসরি এদের নাম লেখা হয়। ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৩ – টেবিল টিউটোরিয়াল (HTML Tables Tutorial in Bangla)
বিভিন্ন ওয়েব সাইটে টেবিল ভিত্তিক ডেটা দেখেছেন নিশ্চয়ই। বিশেষ করে খেলাধুলার সাইটের খেলোয়ারদের স্কোর, প্রোফাইল, সময়সূচি, শেয়ার বাজারের হিসাব ইত্যাদি কাজে টেবিল লাগে। টেবিলভিত্তিক ডেটা দেখানোর জন্য এইচটিএমএল এর বেশকিছু ট্যাগ আছে যেগুলি দিয়ে নানন ধরনের টেবিল তৈরী করা যায়। একটা টেবিল তৈরীতে প্রাথমিকভাবে ৩টি ট্যাগ লাগে ১. <table></table> ২. <tr></tr> (tr তে table row) ৩. <td></td> (td তে table ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১২ – ছবি টিউটোরিয়াল (HTML Images Tutorial in Bangla)
<img /> ট্যাগ ব্যবহার করে ওয়েব পেজে যেকোন ছবি প্রদর্শন করতে পারবেন। যেমন 1.<img src="/sunset.gif" alt="Sunset" /> প্রদর্শন এখানে src এবং alt হচ্ছে img ট্যাগের দুটি এট্রিবিউট। src দিয়ে ছবিটির অবস্থান দেখিয়ে দিতে হবে এবং alt এর মধ্যে ছবিটির কোন বর্ননা দিতে পারবেন। ছবি লোড হতে দেরি হলে ততক্ষন alt এর ভিতর লেখাটি দেখায়। src এর ভিতর ছবিটির উৎস দুভাবে ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১১ – এনটাইটিজ টিউটোরিয়াল (HTML Entities Tutorial in Bangla)
এইচটিএমএল এ কিছু বিশেষ ক্যারেক্টার আছে যেগুলি ডকুমেন্টে ব্যবহার করলে সমস্যা হয়। যেমন less than, greater than চিহ্ন ইত্যাদি। কেননা এগুলি ব্রাউজারকে বিশেষ ইঙ্গত দেয় যার ফলে এটা প্রদর্শন করার পরিবর্তে ঐ নির্দেশনা/ইঙ্গিত অনুসারে কাজ করে।এখন যদি এই ধরনের কোন চিহ্ন আপনি ওয়েব পেজে দেখাতে চান তাহলে এইচটিএমএল এনটাইটি ব্যবহার করে দেখাতে পারবেন। এছাড়াও বিভিন্ন চিহ্ন যেমন কপিরাইট, ট্রেডমার্ক ইত্যাদি ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১০ – লিংক টিউটোরিয়াল (HTML Link Tutorial in Bangla)
আপনি চাইলে আপনার সাইটের কোন টেক্সটের উপর লিংক তৈরী করে দিতে পারেন যেখানে ক্লিক করলে অন্য পেজ/সাইট আসবে। anchor tag এর সাহায্যে লিংক তৈরী করা হয়। শুধু টেক্সট নয় আপনি চাইলে একটা মেইল এড্রেসের উপর লিংক দিতে পারেন, একটা ছবির উপর লিংক দিতে পারেন, বড় কোন ওয়েব পেজের সুচিপত্র তৈরী করে এর আইটেমগুলিতে লিংক দিতে পারেন (এসব লিংকে ক্লিক করলে ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৯ – ফন্ট টিউটোরিয়াল (HTML Font Tutorial in Bangla)
<font> ট্যাগ ব্যাবহার করে ওয়েব সাইটের টেক্সটের স্টাইল, সাইজ এবং কালার যোগ করা হয়। size, color এবং face attributes ব্যাবহার করে আপনি ফন্ট কে কাস্টমাইজ করতে পারি।<basefont> ট্যাগ ব্যাবহার করে পেজের সকল টেক্সটকে একই স্টাইল, সাইজ এবং কালার এ সেট করা যায়। <font> এবং <basefont> ট্যাগ ব্যাবহার না করে সিএসএস(সিএসএস টিউটোরিয়ালে আলোচনা করা হয়েছে) ব্যাবহার করা উচিত। ফন্ট আকার (Font ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৮ – লিস্ট টিউটোরিয়াল (HTML List Tutorial in Bangla)
ওয়েব পেজে যদি তালিকা বা লিস্ট প্রদর্শন করাতে চান তখন এইচটিএমএল এ এইচটিএমএল এ ৩ ধরনের লিস্ট করার ট্যাগ আছে, প্রয়োজনমত যেকোন একটি ব্যবহার করতে পারেন। Unordered List : এটিই সবচেয়ে বেশি ব্যবহৃত হয় প্রফেশনালি। <ul></ul> এর ভিতরে রাখতে হবে এবং <li></li> এলিমেন্টের ভিতর একটা একটা করে আইটেম রাখতে হবে। প্রদর্শন করবে তালিকা আকারে কোন নাম্বারিং থাকবেনা। বাই ডিফল্ট একটা ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৭ – হেডিং টিউটোরিয়াল (HTML Heading Tutorial in Bangla)
শিরোনাম বা হেডিং আকারে বড় ফন্টের লেখা ব্রাউজারে প্রদর্শনের জন্য এইচটিএমএল এ রয়েছে ৬ ধরনের হেডিং ট্যাগ। এর মধ্যে সবচেয়ে বড় হচ্ছে <h1></h1> এভাবে <h2></h2>, <h3></h3>… h1 পর্যন্ত যেমন <h1>A long flow of text</h1> <h2>unbroken by title,</h2> <h3subtitles, and other headers, </h3> <h4>crosses the eyes and numbs the mind</h4> <h5>not to mention the fact that</h5> <h6>it makes it nearly impossible ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৬ – প্যারাগ্রাফ টিউটোরিয়াল (HTML Paragraph Tutorial in Bangla)
ওয়েব পেজে কোন লেখা প্রকাশ করতে চাইলে p ট্যাগ ব্যবহার করা হয়। <p> হচ্ছে এর start tag এবং </p> হচ্ছে এর end tag. এই start এবং end ট্যাগের ভিতর যেকোন লেখা দিতে পারেন। এই লেখা প্যারাগ্রাফ আকারে ব্রাউজারে দেখাবে। যেমন <p>When encountering a new paragraph "<p>" tag, the browser typically inserts one blank line plus some extra vertical space into ... Read More »
এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৫ – এট্রিবিউট টিউটোরিয়াল (HTML Attribute tutorial in Bangla)
এইচটিএমএল এর প্রতিটি এলিমেন্ট ব্রাউজারকে এক একটা নির্দেশনা দেয় যে তার ভিতরে থাকা কনটেন্টকে কিভাবে প্রদর্শন করবে। যেমন <hr/> এলিমেন্ট ব্রাউজারকে বলে একটা আড়াআড়ি লাইন দেখাও। আবার <h1></h1> বলে একটা বড় ফন্টের শিরোনাম তৈরী কর ইত্যাদি। অনেক এলিমেন্ট আছে যারা ব্রাউজারকে যেটা বলে সেটার সাথে আরো নতুন কিছু যোগ করে দেয়া যায়। এই যে একটা এলিমেন্টে নতুন তথ্য যোগ করলেন ... Read More »