কম্পিউটার টিউটোরিয়াল

HTML-এ হেডিং এলাইনমেন্ট (Heading Alignment) সেট করা

HTML-এ হেডিংসের ৬টি ট্যাগ আছে: <h1> থেকে <h6>। HTML-এ হেডিং এলাইনমেন্ট সেট করতে style অ্যাট্রিবিউট ব্যবহার করুন। style অ্যাট্রিবিউট একটি এলিমেন্টের জন্য ইনলাইন স্টাইল নির্দিষ্ট করে। এই অ্যাট্রিবিউট HTML <h1> থেকে <h6> ট্যাগের সাথে ব্যবহার করা হয়, CSS প্রোপার্টি text-align দিয়ে। HTML5 হেডিং ট্যাগের align অ্যাট্রিবিউট সাপোর্ট করে না, তাই এলাইনমেন্ট সেট করতে CSS স্টাইল ব্যবহার করা হয়।

মনে রাখবেন, style অ্যাট্রিবিউটের ব্যবহার গ্লোবালি সেট করা যেকোনো স্টাইলকে ওভাররাইড করে। এটি HTML <style> ট্যাগ বা এক্সটার্নাল স্টাইলশীতে সেট করা যেকোনো স্টাইলকে ওভাররাইড করবে।

HTML-এ হেডিং এলাইনমেন্ট (Heading Alignment) সেট করা

উদাহরণ

নিচের কোড চালিয়ে দেখুন HTML-এ হেডিং এলাইনমেন্ট সেট করতে:

<!DOCTYPE html> <html>    <head>       <title>HTML Document</title>    </head>    <body>       <h1 style="text-align:center">Tutorial</h1>       <p>Learn for free</p>    </body> </html>

আউটপুট

HTML-এ হেডিং এলাইনমেন্ট (Heading Alignment) সেট করা

  1. HTML-এ লিংক থেকে আন্ডারলাইন (Underline) সরানো

  2. HTML-এ লিংকের রঙ (Color) পরিবর্তন করা

  3. HTML-এ ইন্টারনাল CSS (Internal Style Sheet) ব্যবহার করা

  4. HTML-এ ইনলাইন CSS (Inline Style Sheet) ব্যবহার করা