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

aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...
ওয়েবসাইটে Youtube ভিডিও অ্যাড করবো কিভাবে... ইতি পূর্বে আমরা আলোচনা করেছি কিভাবে ওয়েবসাইটে গুগল ম্যাপ প্রর্দশন করা যায়। তারই ধারাবাহিকতায় আজকে আমরা আলোচনা করবো কিভাবে Youtube এর ভিডিও ওয়েবসাইটে প...
HTML – এইচটিএমএল কি এবং HTML শিখবো কিভাবে... HTML কি এবং HTML শিখবো কিভাবে? HTML একটি web based programing language যা ওয়েব সাইত তৈরি করতে ব্যবহার করা হয় এবং আজকাল মোবাইল এর অনেক এপ্লিকেশন বানাতে...
HTML address ট্যাগ এর ব্যবহার... কোন তথ্য বা নথির যোগাযোগের ক্ষেত্রে address ট্যাগ ব্যবহার করা হয়। আবার ওয়েব পেজে কোন ঠিকান লেখবার জন্যও address ট্যাগ ব্যবহার করা হয়ে থাকে। ধরুন, আপনি...
HTML p ট্যাগ ও p ট্যাগের ব্যবহার... সাধারণত HTML p ট্যাগ কোন সাইটে লেখা প্রকাশ করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে। p tag আসলে paragraph represent করে ।  যেমন অনেক সাইটে কন্টেন কিংবা আর্ট...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!