HTML Heading, Paragraph, Line Break & Comments
HTML Heading, Paragraph, Line Break & Comments বিস্তারিত ব্যাখ্যা করার জন্য এখানে কোড এবং ব্যাখ্যা দেওয়া হলো, যাতে তুমি ধাপে ধাপে বুঝতে পারো!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is my first webpage using HTML.</p>
</body>
</html>
🔹 ১. Heading ট্যাগ (<h1> --- <h6>)
👉 "HTML-এ Heading ট্যাগ ব্যবহার করা হয় টেক্সটকে শিরোনাম বা হেডিং আকারে দেখানোর জন্য।"
📌 প্রতিটি হেডিং ব্যাখ্যা:
✅<h1> → "সবচেয়ে বড় হেডিং, ওয়েবসাইটের মেইন টাইটেলের জন্য।"✅
<h2> → "এরপর আসে <h2>, যা সাবহেডিং হিসেবে ব্যবহার হয়।"✅
<h3> - <h6> → "এগুলো ছোট ছোট সাবহেডিং, যা কম গুরুত্বপূর্ণ বিষয় বোঝানোর জন্য ব্যবহৃত হয়।"
📌 অতিরিক্ত তথ্য:
💡 "SEO (Search Engine Optimization) এর জন্য <h1> খুব গুরুত্বপূর্ণ। এটি গুগল সার্চ ইঞ্জিনকে বলে দেয় যে, এটি পেজের মূল বিষয়বস্তু।"
🔹 ২. Paragraph (<p>)
👉 "HTML-এর <p> ট্যাগ ব্যবহার করে প্যারাগ্রাফ লিখি। এটি অটোমেটিক কিছু স্পেস যোগ করে, যেন আমাদের লেখা সুন্দরভাবে প্রদর্শিত হয়।"
📌 কোডের রেফারেন্স:
✅ <p>This is a paragraph.</p> → "এটি একটি সাধারণ প্যারাগ্রাফ।"
✅ আরও ব্যাখ্যা:
💡 "একটি <p> ট্যাগ ব্যবহারের ফলে ব্রাউজার স্বয়ংক্রিয়ভাবে কিছু মার্জিন ও স্পেস যোগ করে, যাতে প্রতিটি প্যারাগ্রাফ আলাদা দেখায়।"
📌 ৫. HTML লাইন ব্রেক ও কমেন্টস
✅ কোড উদাহরণ:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Line Break & Comments</title> </head> <body> <p>This is a paragraph with a line break.<br>Here the text moves to the next line.</p> <hr> <p>This is another paragraph. Below this, there is a horizontal line.</p> <!-- This is a comment. It is not visible in the browser. --> </body> </html>
🔹 ১. লাইন ব্রেক (<br>)
👉 "HTML-এ লাইন ব্রেক তৈরি করতে আমরা <br> ট্যাগ ব্যবহার করি। এটি একটি নতুন লাইনে পাঠ্য পাঠিয়ে দেয়।"
📌 কোড রেফারেন্স:
✅ <br> → "যেখানে <br> ব্যবহার করা হয়, সেখান থেকে পরবর্তী লেখা নতুন লাইনে চলে যায়।"
💡 "এই ট্যাগ সিঙ্গেল ট্যাগ বা সেল্ফ-ক্লোজিং ট্যাগ, কারণ এটি কোনো কনটেন্ট রাখে না।"
🔹 ২. হরিজন্টাল লাইন (<hr>)
👉 "HTML-এ একটি আলাদা সেকশন তৈরি করতে <hr> ব্যবহার করি। এটি একটি অনুভূমিক লাইন যোগ করে।"
📌 কোড রেফারেন্স:
✅ <hr> → "এটি একটি বিভাজক লাইন, যা কনটেন্টের আলাদা অংশ আলাদা করতে ব্যবহার করা হয়।"
💡 অতিরিক্ত তথ্য:
"ডিজাইনের জন্য CSS দিয়ে এই <hr> এর রঙ, দৈর্ঘ্য বা স্টাইল পরিবর্তন করা যায়।"
🔹 ৩. কমেন্ট (<!-- Comment -->)
👉 "HTML-এ কোড ব্যাখ্যা বা ডেভেলপারদের জন্য নোট রাখার জন্য কমেন্ট ব্যবহার করা হয়। এটি ব্রাউজারে দেখা যায় না।"
📌 কোড রেফারেন্স:
✅ <!-- This is a comment --> → "এটি শুধুমাত্র কোডে থাকবে, কিন্তু পেজে প্রদর্শিত হবে না।"
💡 ব্যবহার:
-
কোড ব্যাখ্যার জন্য
-
ভবিষ্যতে কোন কোডের উদ্দেশ্য মনে রাখার জন্য
-
অস্থায়ীভাবে কোনো কোড হাইড করার জন্য
