প্রিয় শুভাকাঙ্ক্ষী,
আশা করি আপনারা সকলে ভাল আছেন। আপনাদের মনকে আরো ভালো রাখার জন্য নিয়ে আসলাম আপনাদের মাঝে মার্ক-ডাউন (Markdown)। আমরা আমাদের কোয়ালিটি পূর্ণ পোস্ট কে আরো সৌন্দর্যপূর্ণ নান্দনিক করতে চাই, সৌন্দর্যপূর্ণ পোস্ট কে না ভালোবাসে! সকলের দৃষ্টি আকর্ষণ করে। এ কারণে আপনাদের মাঝে এই মার্ক-ডাউন নিয়ে উপস্থিত হলাম।

আমি চেষ্টা করব আপনাদেরকে সহজ এবং সাবলীল ভাষায় বুঝিয়ে দেওয়ার জন্য। কথা না বাড়িয়ে শুরু করা যাক।

শুরু করার পূর্বেই আপনাদেরকে জানিয়ে দিতে চাই, আমরা যে সমস্ত ক্যারেক্টার ব্যবহার করব এই মার্ক-ডাউনের জন্য, সেই ক্যারেক্টার গুলোর নাম জানা জরুরী। আমরা চাই সম্পূর্ণভাবে শিখতে। তাই চলুন সেই নাম গুলো একটু জেনে নেই।

আপাতত যে কয়েকটি নাম এখানে উল্লেখ করা হয়েছে এগুলো দিয়েই হয়ে যাবে আমাদের সৌন্দর্য বর্ধনের জন্য যথেষ্ট।

এটি একটি নাম্বার মাত্র। এর ব্যবহার দেখে আমরা সত্যিই আশ্চর্য হয়ে যাব। প্রথমে আমরা # (হ্যাশ) ট্যাগ দিয়ে শুরু করি। হ্যাশট্যাগ এর কাজ হচ্ছে হেডিং তৈরি করা। অর্থাৎ আপনি আপনার লেখার সাথে মিল রেখে হেডিং তৈরি করবেন।

উদাহরণস্বরূপ বর্ণনা:- আপনি যদি একটি হ্যাশট্যাগ ব্যবহার করেন তাহলে আপনার কাঙ্ক্ষিত টাইটেল অনেক বড় আকার ধারণ করবে। এরপরে দুইটি হ্যাশ ট্যাগ ব্যবহার করলে তার চেয়ে একটু ছোট এভাবে ক্রমাগত ছয়টি হ্যাশ ট্যাগ ব্যবহার করতে পারবেন। অবশ্যই হ্যাশ ট্যাগ দেওয়ার পরে স্পেস দিবেন এর পরে আপনার কাঙ্ক্ষিত টাইটেল লিখবেন।

# This is my community
## This is my community
### This is my community
#### This is my community
##### This is my community
###### This is my community

আপনাদেরকে আরো সহজ ভাবে বুঝিয়ে দেওয়ার জন্য স্ক্রিনশট এখানে উল্লেখ করা হয়েছে।

This is my community.

This is my community.

This is my community.

This is my community.

This is my community.

This is my community.

হ্যাশ ট্যাগের পরিবর্তে আপনি এইচটিএমএল (HTML) কোড ব্যবহার করতে পারেন। এই ক্ষেত্রে স্পেস না দিলেও সমস্যা নেই। কোডগুলো হল:

<h1>HTML code ব্যবহার করা</h1>
<h2> HTML code ব্যবহার করা </h2>
<h3> HTML code ব্যবহার করা </h3>
<h4>HTML code ব্যবহার করা</h4>
<h5> HTML code ব্যবহার করা </h5>
<h6> HTML code ব্যবহার করা </h6>

আপনাদেরকে আরো সহজ ভাবে বুঝিয়ে দেওয়ার জন্য স্ক্রিনশট এখানে উল্লেখ করা হয়েছে।

HTML code ব্যবহার করা

HTML code ব্যবহার করা

HTML code ব্যবহার করা

HTML code ব্যবহার করা

HTML code ব্যবহার করা

HTML code ব্যবহার করা

এই পর্যন্ত আপনাদেরকে দেখানো হয়েছে হ্যাশট্যাগ এবং html এর ব্যবহার।

কিভাবে ব্রেক লাইন ব্যবহার করতে হয়?

<br> এই ট্যাগ ব্যবহার করে আপনি কোন লেখার মাঝে গ্যাপ রেখে দ্বিতীয় লাইনে চলে আসতে পারেন।

THE MOON
<br>
Moon, Moon, Moon,
Come daily soon.
You come at night,
You give us light.
You are high and bright,
Give us wisdom and might.

আরো সহজে সাবলীল ভাবে বুঝানোর জন্য নিচে স্ক্রিনশর্ট দেওয়া হয়েছে।

THE MOON

Moon, Moon, Moon,
Come daily soon.
You come at night,
You give us light.
You are high and bright,
Give us wisdom and might.

এই পয়েন্ট দেওয়া খুবই সহজ চলুন দেখে নেই। অবশ্যই খেয়াল রাখবেন এই * চিহ্ন দেওয়ার পরে স্পেস দিয়ে তারপরে লিখবেন।

* আম
* জাম
* কাঁঠাল
* পেয়াড়া

• আম
• জাম
• কাঁঠাল
• পেয়াড়া

***Rain on the green grass***
___And rain on the tree___
<i>Rain on the house top</i>

Rain on the green grass,
And rain on the tree,
Rain on the house top

> This is my target blog
> This is my target blog
> This is my target blog

This is my target blog
This is my target blog
This is my target blog

এ পর্যায়ে আমরা টার্গেট করাও ঠিকই গেলাম।

যখন আমরা কোন প্যারাগ্রাফ লিখব কিংবা টাইটেল লেখার পরে একটি হরিজেন্টাল লাইন টানতে চাচ্ছি তাহলে এটি *** ব্যবহার করবেন

Jack and Jill
***
Went up the hill
***
To fetch a pail of water
***
Jack fell down
And broke his crown
And Jill came tumbling after

বুঝানোর সুবিধার্থে স্ক্রিনশর্ট ব্যবহার করা হয়েছে:

Jack and Jill

Went up the hill

To fetch a pail of water

Jack fell down
And broke his crown
And Jill came tumbling after

ব্যাস এখন হয়ে গেল আমাদের হরিজনটাল লাইন।

<center> ম্যাজিক স্কয়ার </center>

এখন আমরা শিখতে চলছি কিভাবে আমাদের লেখাগুলোকে একটি বক্সের ভিতরে রাখা যায়। এতে করে আমাদের লেখার ধাপগুলো সুন্দরভাবে উপস্থাপন করতে পারব। চলুন তাহলে দেখি কেমনে তৈরি করতে হয় এমন বক্স?

অতি সহজেই তৈরি করা হয়ে গেল। শুধুমাত্র লেখার প্রথমে পাইপ এবং শেষে পাইপ এবং নিচে পাইপ দেওয়ার পরে ক্লোন দিয়ে আবার পাইপ দিন তাহলেই হয়ে গেল বক্স। ইনপুটে সুন্দরভাবে বলে দেওয়া হয়েছে।

এই বক্সের ভেতরে লেখাটি মাঝখানে নিয়ে আসার জন্য শুধুমাত্র এই <center>........</center> html কোড ব্যবহার করতে হবে।

কি সুন্দর এখন আমরা মাঝখানে নিয়ে আসতে শিখে গেছি। এভাবেই আমরা আমাদের লেখাগুলোকে সুন্দরভাবে উপস্থাপন করতে পারব।

এ পর্যায়ে আমরা আমাদের লেখাগুলোকে দুই ভাগে বিভক্ত করে লিখতে চাই অর্থাৎ খাতার ভিতরে যেমন মাঝখানে বরাবর মার্জিন টানে দুটি ভাগ হয়ে যায় ঠিক তেমনি আপনাদেরকে দেখানো হবে, একটি পেজের ভিতরে দুই ভাগে বিভক্ত হয়ে যাবে লেখাগুলো।

<div class="pull-left">
এক দেশে ছিল এক রাজা, ঘুরতে ঘুরতে পাইলো এক খাজা। হাতে নিয়ে দেখে যে নরম, মুখে নিয়ে দেখে যে গরম। থু রে বেটা থু কোন শালা হাইগা থুইছে খাঁচার মত গু😜🤣। বাকিটা ইতিহাস। অনেক মজা করলেন মনোযোগ দিয়েই শিখুন। মজায় মজায় শিখি আমরা।
</div>

<div class="pull-right">
এক দেশে ছিল এক রাজা, ঘুরতে ঘুরতে পাইলো এক খাজা। হাতে নিয়ে দেখে যে নরম, মুখে নিয়ে দেখে যে গরম। থু রে বেটা থু কোন শালা হাইগা থুইছে খাঁচার মত গু😜🤣। বাকিটা ইতিহাস। অনেক মজা করলেন মনোযোগ দিয়েই শিখুন। মজায় মজায় শিখি আমরা।
</div>

নিচে একটি স্ক্রিনশট আকারে দেওয়া হয়েছে।

আমরা ইতিমধ্যে খেয়াল করতে পেরেছি যে আমাদের লেখাগুলো একদম জাস্টিফাই হচ্ছে না একদম সমান সমান হচ্ছে না এজন্য আমাদেরকে এইচটিএমএল (HTML) ব্যবহার করতে হবে
<div class="text-justify">এখান থেকে আপনি আপনার লেখা লিখবেন </div>

<div class="text-justify">
হ্যাঁ বন্ধুরা আপনারা লক্ষ্য করুন এখন যে লেখাটি লেখা হয়েছে এটি অবশ্যই সম্পূর্ণভাবে দুই পাশেই সমানভাবে বসেই গিয়েছে। অর্থাৎ কোন প্রকারের গ্যাপ নেই জাস্টিফাই ভাবে প্রত্যেকটি লাইন সম্পূর্ণভাবে পূরণ করে তারপরেই দ্বিতীয় লাইনে চলে গেছে। তাহলে আমরা বুঝতে পারলাম টেক্সট জাস্টিফাই এই এইচটিএমএল ট্যাক ব্যবহার করে আমরা আমাদের লেখার মানকে আরো সুন্দর করতে পারি। ইনপুটের ট্যাগ গুলো লক্ষ্য করুন তাহলে ভালোভাবে বুঝতে পারবেন।
</div>