HTML Text Styles

সাধারণত লেখার ক্ষেত্রে যেহেতু HTML Headings Tag এবং HTML Paragraph Tag ব্যবহার করা হয়, তাই অনেকসময় লেখা রঙিন করা বা আকার পরিবর্তন করার জন্য এই ট্যাগগুলোর মধ্যে বিভিন্ন ধরণের Style Attribute ব্যবহার করা হয়। নিচে আমরা উপরোক্ত Tag গুলোর মধ্যে বিভিন্ন ধরণের Style দেয়া শিখবো।

লেখা ছোটো-বড় করাঃ

(Font size)

<h1 style="font-size:200px;"> এটি একটি শিরোনাম </h1>
<p style="font-size:150%;"> এটি একটি প্যারাগ্রাফ </p>

<p style="font-size:150px;"> এটি একটি প্যারাগ্রাফ </p>

যেভাবে দেখাবেঃ

এটি একটি শিরোনাম

এটি একটি প্যারাগ্রাফ

লেখার ফন্ট পরিবর্তন করাঃ

(Font style)

<h1 style="font-family:verdana;"> এটি একটি শিরোনাম </h1>
<p style="font-family:courier;"> এটি একটি প্যারাগ্রাফ </p>

যেভাবে দেখাবেঃ

এটি একটি শিরোনাম

এটি একটি প্যারাগ্রাফ

লেখা পৃষ্ঠানুযায়ী সাজানোঃ

(Text Allignment)

<h1 style="text-align:center;"> মাঝামাঝি শিরোনাম </h1>
<p style="text-align:center;"> মাঝামাঝি প্যারাগ্রাফ </p>

যেভাবে দেখাবেঃ

মাঝামাঝি শিরোনাম

মাঝামাঝি প্যারাগ্রাফ

লেখার রঙ পরিবর্তনঃ

(Text Color)

<h1 style="color:red;"> এটি একটি শিরোনাম </h1>
<p style="color:blue;"> এটি একটি প্যারাগ্রাফ </p>

যেভাবে দেখাবেঃ

এটি একটি শিরোনাম

এটি একটি প্যারাগ্রাফ

লেখার ব্যাকগ্রাউন্ড রঙ পরিবর্তনঃ

(Background Color)

<h3 style="background-color: #ffff00;">এটি একটি শিরোনাম </h3>
<p style="background-color: #00ffff;">এটি একটি প্যারাগ্রাফ </p>

যেভাবে দেখাবেঃ