HTML বাংলা টিউটোরিয়াল-6
আজকে আমরা আলোচোনা করব heading element নিয়ে।
প্রথমে আপনাদের মাথায় আসতে পারে heading element কী?
ধরুন আপনি একটি paragraph লিখছেন।এখন এই পারাগ্রাফ এর শিরোনাম দিতে হবে।তারপর paragraph এর বিষয়বস্তু।আজকে আমরা শিখব কিভাবে এই শিরোনাম দিতে হয়।
এই শিরোনাম দিতে যে ট্যাগ ব্যাবহার হরা হয় তা হচ্ছে
<h1>…………………</h1> ট্যাগ।তো আসুন দেখি কিভাবে এই ট্যাগ ব্যাবহার করা যায়।
এই ট্যাগ ব্যাবহার করা খুবই simple.আপনি যেই লাইনকে শিরোনাম বানাতে চান,সেই লাইন এর শুরুতে <h1> আর লাইন এর শেষে </h1> অ্যাড করুন। আসুন এবার এই নিয়ম অনুসারে একটি কোডিং করি।
প্রথমে আপনাদের মাথায় আসতে পারে heading element কী?
ধরুন আপনি একটি paragraph লিখছেন।এখন এই পারাগ্রাফ এর শিরোনাম দিতে হবে।তারপর paragraph এর বিষয়বস্তু।আজকে আমরা শিখব কিভাবে এই শিরোনাম দিতে হয়।
এই শিরোনাম দিতে যে ট্যাগ ব্যাবহার হরা হয় তা হচ্ছে
<h1>…………………</h1> ট্যাগ।তো আসুন দেখি কিভাবে এই ট্যাগ ব্যাবহার করা যায়।
এই ট্যাগ ব্যাবহার করা খুবই simple.আপনি যেই লাইনকে শিরোনাম বানাতে চান,সেই লাইন এর শুরুতে <h1> আর লাইন এর শেষে </h1> অ্যাড করুন। আসুন এবার এই নিয়ম অনুসারে একটি কোডিং করি।
<html>
<head>
<title>
টেকটিউনস-ই
</title>
</head>
<body>
<h1>Techtunese here</h1>
<p>Techtunese tutorial here</p>
<p>Techtunese html tutorial here</p>
</body>
</html>
এতক্ষন আমারা শিখলাম কিভাবে heading দেওয়া যায়।এবার আমরা শিখব heading এর নানা রুপ নিয়ে।
এই লেখাটি মন দিয়ে পড়ুন।কারন পরবর্তীতে অনেক টিউন এ এটার ব্যাবহার রয়েছে।
আমরা যে heading নিয়ে আলোচোনা করেছি তার ৬টি রুপ আছে।আসুন দেখি সেগুলো কি কি?
- <h1>............</h1>
- <h2>............</h2>
- <h3>............</h3>
- <h4>............</h4>
- <h5>............</h5>
- <h6>............</h6>
আপনাদের মনে প্রশ্ন আস্তে পারে h1,h2,h3,h4,h5,h6 কেন??এবার আসুন এই বিষইয়ে একটু কথা বলি।
খুবই সহজ ব্যাপার। h1 হতে ক্রমানুসারে যত নিচের দিকে নামতে থাকবে heading ততছোট হতে থাকবে।মানে <h1>........</h1> হতে <h2>.......</h2> এর heading ছোট। আর <h6>.......</h6> এর heading সবছেয়ে ছোট।
তাহলে আসুন এবার বাস্তব উদাহরন দেখি।আপ্নারা আমার সাথে এই কোডিংটুকু লিখুন।
<html>
<head>
<title>
টেকটিউনস-ই
</title>
</head>
<body>
<h1>Techtunese here</h1>
<h2>Techtunese tutorial here</h2>
<h3>Techtunese html tutorial here</h3>
</body>
</html>
কোডিং লেখা শেষ।এবার এটাকে tech.html নামে সেভ করে double click করে ওপেন করুন।
No comments