HTML এর <br> ট্যাগ একটি HTML Break line বা নতুন লাইন তৈরি করতে ব্যবহৃত হয়। ঠিক যেমনটি আমরা টেক্সট এডিটরে “Enter” কী চাপলে দেখি।আজকের এই পোস্টে আমরা HTML এর br ট্যাগ সম্পর্কে আরো বিস্তারিত জানবো।
Table of Contents
br ট্যাগ কী ?
HTML এর <br> ট্যাগ একটি লাইন ব্রেক বা নতুন লাইন তৈরি করতে ব্যবহৃত হয়। এটি একটি সেলফ-ক্লোজিং ট্যাগ, অর্থাৎ এর জন্য আলাদা কোনো ক্লোজিং ট্যাগ ( </br> ) দরকার হয় না। যখনই <br> ট্যাগটি ব্যবহার করা হয়, তখন টেক্সট বা কনটেন্ট পরবর্তী লাইনে চলে যায়, ঠিক যেমনটি আমরা টেক্সট এডিটরে “Enter” কী চাপলে দেখি।
br ট্যাগের Syntax
<br> ট্যাগের সিনট্যাক্স খুবই সহজ। এটি আমরা যে কোনো প্যারাগ্রাফের মধ্যে ব্যবহার করতে পারি, এবং এরপরের কনটেন্টটি পরবর্তী লাইনে চলে যাবে। নিচে এর সিনট্যাক্সটি দেওয়া হলো:
Syntax
<br>Example
<!DOCTYPE html>
<html>
<head>
<title> My Website </title>
</head>
<body>
<p>This is the first line. <br> This is the second line.</p>
</body>
</html>Output
This is the first line.
This is the second line.উপরের উদাহরণে, <br> ট্যাগটি “This is the first line.” এর পরে ব্যবহার করা হয়েছে। ফলে “This is the second line.” লাইনটি নতুন লাইনে শুরু হবে।
with br tag vs without br tag
without br tag
<!DOCTYPE html>
<html>
<head>
<title> My Website </title>
</head>
<body>
<p>first line.</p>
<p>second line.</p>
</body>
</html>first line.
second line.with br tag
<!DOCTYPE html>
<html>
<head>
<title> My Website </title>
</head>
<body>
<p>first line.<br>second line.</p>
</body>
</html>first line.
second line.br ট্যাগের ব্যবহার
কনটেন্টের মাঝে লাইন ব্রেক করা
ট্যাগটি সবচেয়ে বেশি ব্যবহার করা হয় লাইন ব্রেক করতে। উদাহরণস্বরূপ, একটি কবিতা বা গানের লিরিক্স প্রদর্শনের সময় প্রতিটি লাইনের শেষে <br> ট্যাগ ব্যবহার করা যেতে পারে।
Example
<!DOCTYPE html>
<html>
<head>
<title> My Website </title>
</head>
<body>
<p>Roses are red,<br>Violets are blue,<br>Sugar is sweet,<br>And so are you.</p>
</body>
</html>Output
Roses are red,
Violets are blue,
Sugar is sweet,
And so are you.উপরের উদাহরণে, প্রতিটি লাইনের শেষে <br> ট্যাগ ব্যবহার করা হয়েছে, ফলে প্রতিটি লাইন নতুন লাইনে প্রদর্শিত হবে।
ফর্ম এবং অন্যান্য কনটেন্টের মধ্যে ব্যবধান তৈরি করা
ফর্ম বা অন্যান্য কনটেন্টের মধ্যে ব্যবধান তৈরি করতে <br> ট্যাগটি ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ, ফর্মের প্রতিটি ইনপুট ফিল্ডের মধ্যে ব্যবধান তৈরি করতে এটি ব্যবহার করা যেতে পারে।
Example
<!DOCTYPE html>
<html>
<head>
<title> My Website </title>
</head>
<body>
Name: <input type="text" name="name" placeholder="enter your name"><br>
Email: <input type="text" name="email" placeholder="enter your email"><br>
Message: <textarea name="message" placeholder="enter your message"></textarea>
</body>
</html>Output
Name:
Email:
Message: এই উদাহরণে, প্রতিটি ইনপুট ফিল্ডের পরে <br> ট্যাগ ব্যবহার করা হয়েছে যাতে প্রতিটি ফিল্ডের মধ্যে নতুন লাইন তৈরি হয়।
Html এ কিভাবে form বানাতে হয় এটি নিয়ে আমরা পরে আলোচনা করেছি। এখন শুধু <br> ট্যাগের ব্যবহার বুঝলেই হবে।
br ট্যাগের সীমাবদ্ধতা
যদিও <br> ট্যাগটি লাইন ব্রেক তৈরি করতে খুবই কার্যকর, তবে এটিকে অতিরিক্ত ব্যবহার করা উচিত নয়। বিশেষ করে, দীর্ঘ কনটেন্টে বিভিন্ন বিভাগ আলাদা করার জন্য <br> ট্যাগের পরিবর্তে প্যারাগ্রাফ (p) বা অন্যান্য HTML ট্যাগ ব্যবহার করা উচিত। এটি কনটেন্টের স্ট্রাকচারকে আরও সুগঠিত এবং সহজবোধ্য করে তোলে।
উপসংহার
HTML এর <br> ট্যাগটি ওয়েবপেজে কনটেন্ট সাজানোর জন্য খুবই গুরুত্বপূর্ণ একটি ট্যাগ। এটি সহজেই লাইন ব্রেক তৈরি করতে ব্যবহৃত হয় এবং কনটেন্টকে আরও পঠনযোগ্য করে তোলে। তবে, এর ব্যবহার সীমিত রাখা উচিত এবং যেখানে সম্ভব , সেখানে প্যারাগ্রাফ বা অন্যান্য ট্যাগ ব্যবহার করে কনটেন্টকে সাজানো উচিত। আশা করি, এই ব্লগটি আপনাকে <br> ট্যাগের ব্যবহার সম্পর্কে একটি স্পষ্ট ধারণা দিয়েছে এবং আপনি এটি সঠিকভাবে ব্যবহার করতে পারবেন।
HTML Playlist : HTML5 Tutorial in Bengali
F.A.Q
<br> ট্যাগ কী কাজে ব্যবহার হয় ?
HTML এ <br> ট্যাগ ব্যবহার করা হয় কনটেন্টে লাইন ব্রেক তৈরি করতে, যাতে পরবর্তী টেক্সটটি নতুন লাইনে প্রদর্শিত হয়।
<br> ট্যাগ কি সেলফ-ক্লোজিং ট্যাগ?
হ্যাঁ, <br> ট্যাগটি একটি সেলফ-ক্লোজিং ট্যাগ, যার জন্য আলাদা কোনো ক্লোজিং ট্যাগ দরকার হয় না।
<br> ট্যাগের সিনট্যাক্স কী?
<br> ট্যাগের সিনট্যাক্স হলো <br>। এটি একটি লাইন ব্রেক তৈরি করতে সরাসরি HTML কোডে ব্যবহার করা হয়।
আমি কি একাধিক <br> ট্যাগ ব্যবহার করতে পারি ?
হ্যাঁ, আপনি একাধিক <br> ট্যাগ ব্যবহার করতে পারেন, তবে এটি অতিরিক্ত ব্যবহারের ক্ষেত্রে কনটেন্টের স্ট্রাকচার অগোছালো হতে পারে।
<br> ট্যাগ কোন পরিস্থিতিতে ব্যবহার করা উচিত ?
<br> ট্যাগ সাধারণত কবিতা, গানের লিরিক্স বা ফর্ম ফিল্ডের মধ্যে ব্যবধান তৈরি করতে ব্যবহৃত হয়।
প্যারাগ্রাফ ট্যাগ (<p>) এর পরিবর্তে <br> ট্যাগ কখন ব্যবহার করা উচিত ?
<br> ট্যাগ ব্যবহার করা উচিত যখন আপনি এক লাইনের পরে সরাসরি নতুন লাইন তৈরি করতে চান, কিন্তু পূর্ণ প্যারাগ্রাফ তৈরির প্রয়োজন নেই।
<br> ট্যাগ এবং প্যারাগ্রাফ ট্যাগ (<p>) এর মধ্যে পার্থক্য কী?
<br> ট্যাগ একটি লাইন ব্রেক তৈরি করে, যেখানে <p> ট্যাগ একটি সম্পূর্ণ প্যারাগ্রাফ তৈরি করে এবং তার চারপাশে কিছুটা মার্জিন যোগ করে।
<br> ট্যাগ অতিরিক্ত ব্যবহারের ক্ষেত্রে কি কোনো সমস্যা হতে পারে?
হ্যাঁ, অতিরিক্ত <br> ট্যাগ ব্যবহারে কনটেন্টটি অগোছালো এবং অসংলগ্ন হতে পারে, যা পড়ার সময় ব্যবহারকারীর অভিজ্ঞতাকে প্রভাবিত করতে পারে।
HTML5 এ <br> ট্যাগের কোনো পরিবর্তন হয়েছে কি ?
না, HTML5 এ <br> ট্যাগের কোনো পরিবর্তন হয়নি; এটি এখনও লাইন ব্রেক তৈরি করতে ব্যবহৃত হয়।
আমি কীভাবে <br> ট্যাগ দিয়ে কনটেন্ট সাজাব ?
<br> ট্যাগ ব্যবহার করার সময় চেষ্টা করুন কনটেন্টটি বুঝে এবং সীমিতভাবে ব্যবহার করতে, যাতে পৃষ্ঠার পাঠযোগ্যতা বজায় থাকে।
