HTML এ বাংলা লিখবো কিভাবে

HTML এ বাংলা লিখলেই বাংলা আসেনা অনেক ওয়েব ব্রাউজারে কারন আমরা ওয়েব পেজে যে বাংলা লিখি সেটি ইউনিকোড ভিত্তিক । বাংলা লিখবার জন্য আসলে html এ character set ডিফাইন করে দিতে হয় । তো চলুন আজ শিখি কিভাবে এইচটিএমএল এ বাংলা লিখবো ।

ওয়েব পেজে যে ক্যারেকটার গুলো থাকে তার সাপোর্ট ওয়েব পেজে থাকতে হয় । ইংরেজি বর্ণগুলো সাধারনত সব ওয়েব ব্রাউজারেই পেয়ে থাকে । কিন্তু ইউনিকোড ভিত্তিক বর্ণগুলো যেমন বাংলা, হিন্দি কিংবা অন্য ভাষার বর্ণগুলো ওয়েব পেজে দেখানোর জন্য ওয়েব পেজের ক্যারেকটার সেট বলে দিতে হয়। আমরা ওয়েব পেজে অভ্র কিবোর্ড দিয়ে যে বাংলা লেখি তা ও ইউনিকোড বাংলা ।

তো HTML এ আমরা একটি ট্যাগ ব্যবহার করি character set ডিফাইন করবার জন্য যার নাম meta ট্যাগ । meta tag ব্যবহার করা হয় head Section ( <head>….</head> ) এর ভিতরে এবং মেটা ট্যাগের ভিতরে এট্রিবিউট ভিন্যতার ফলে অনেক ধরনের ব্যবহার হয়ে থাকে । আমরা ব্যবহার করবো charset attribute টি । যা দেখতে নিচের মতো

<meta charset="utf-8">

HTML এ বাংলা লেখা

<!DOCTYPE html>
<html>
  <head> 
    <title> html এ বাংলা লেখা</title> 
  </head>
  <body>
    <p>আমার সোনার বাংলা..!</p>
  </body>
</html>

উদাহরন স্বরুপ উপরের কোড টিতে আমরা  meta charset ব্যবহার করিনি । এবং এর ফলাফল কোন কোন ব্রাউজারে ঠিক মতো এলেও অনেক ব্রাউজারে দেখাবে নিচের মতো করে ।

html এ বাংলা

html এ বাংলা

আমরা এটি টেস্ট করেছি মজিলা ফায়ার ফক্স ব্রাউজারে এবং যা দেখা যাচ্ছে তা পড়ার যগ্য নয় । তবে গুগল ক্রোম ব্রাউজারে ঠিকই বাংলা দেখতে পাবেন । কিন্তু আমাদের চিন্তা করতে হবে সব Web Browser নিয়েই ।

এবার চলুন দেখে নেয়া যাক <meta charset=”utf-8″> দিলে কি হয় । নিচে আমরা একটি কোড ব্লক রেখেছি যেটি উপরের কোডটির র সাথে শুধু মেটা ট্যাগ ব্যবহার করা হয়েছে ।

<!DOCTYPE html>
<html>
  <head> 
    <meta charset="utf-8">
    <title> html এ বাংলা লেখা</title> 
  </head>
  <body>
    <p> আমার সোনার বাংলা..! </p>
  </body>
</html>

এবার উপরের কোডের ফলাফল দেখুন নিচের ছবিটিতে । এবার আমরা দেখতে পাচ্ছি বাংলা লেখা ।

utf-8 ব্যবহারের পর html এ বাংলা

utf-8 ব্যবহারের পর html এ বাংলা

আশা করি পেয়ে গেছেন সমাধান 🙂 যেকোন ওয়েব পেজে বাংলা লেখার জন্যই <meta charset=”utf-8″>  করতে হয় । তো আর দেরি কেন ? যেকোন কোড এডিটর ওপেন করে নিজেই যাচাই করে দেখুন ।

Related Post

এইচ টি এম এল কি একটি ওয়েব পেজের মূল গঠন তৈরি করতে HTML ব্যবহার করা হয়ে থাকে। এইচ টি এম এল হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ, HTML প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। HTML এর ফুল ফ...
aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...
HTML iframe ট্যাগ ও iframe ট্যাগের ব্যবহার... সাধারণত iframe ট্যাগ ব্যবহার করে একটি ওয়েবসাইটের মধ্যে অন্য একটি ওয়েবসাইট কিংবা ওয়েবপেজ ভিউ করানো হয়ে থাকে। ধরুন, আপনি কোন একটি ওয়েবসাইট অন্য কোন ওয়েব...
html ol ul tag ও li tag এর ব্যবহার... HTML এর মধ্যে দুই ধরনের লিস্ট তৈরি করা যায় প্রথমটি হচ্ছে অর্ডারড লিস্ট এবং দ্বিতীয়টি আনঅর্ডারড লিস্ট। আন অর্ডারড লিস্ট হচ্ছে ul ( Unordered list ) এবং...
b এবং strong ট্যাগ – HTML এ টেক্সট বোল্ড বা... আজকের আলোচনায় জেনে নিবো কিভাবে  HTML এ টেক্সট বোল্ড বা মোটা করে ।  HTML এ টেক্সট বোল্ড বা মোটা  করার জন্য b  কিংবা strong ট্যাগ ব্যবহার করা হয় । তো নি...
HTML article ট্যাগের ব্যবহার – article ট্যাগ... article ট্যাগ হচ্ছে বহুল ব্যবহৃিত ট্যাগ কোন সংজ্ঞা বা প্রবন্ধ লেখার ক্ষেত্রে ।  article এর বাংলা হচ্ছে প্রবন্ধ এবং এটি আসলেই সে কাজেই ব্যবহার হয় HTML ...
HTML title ট্যাগ ও title ট্যাগের ব্যবহার... একটি ওয়েবপেজ তৈরি করার সময় HTML Page এ title বা শিরোনাম  দেয়ার প্রয়োজন হয় এবং এটি থাকে সবার উপরে ট্যাব এর নাম আকারে এর সঠিক ব্যবহারে আপনার কন্টেন্ট গ...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
Html দিয়ে কিভাবে Table তৈরি করবেন... HTML Table সাধারণত একটি ওয়েবপেজে ব্যাবহার করা হয়। Table ব্যাবহার করে আমরা অনেক ডাটা কলাম সারিবব্ধ ভাবে সাজাতে পারি। এইচটিএমএল টেবিল তৈরি করার আগে আপনা...
ওয়েবসাইটে গুগল ম্যাপ যোগ করবো কিভাবে... অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করার সময় আমরা Google Map দেখে থাকি। আমরা অনেকেই জানি Google Map ব্যবহার করে রোড়ম্যাপ, লোকেশন ট্র্যাক সহ অনেক ধরনের ...

You may also like...

মন্তব্য করুন

আপনার ই-মেইল এ্যাড্রেস প্রকাশিত হবে না। * চিহ্নিত বিষয়গুলো আবশ্যক।