HTML Heading/হেডিং ট্যাগ এর ব্যবহার
শুক্রবার, ১৯ জুলাই, ২০১৯
Comment
এক নজরে এইচটিএমএল হেড ও হেডিং এলিমেন্ট
ট্যাগবিবরণ
<head>সকল হেড এলিমেন্টের একটি ধারক। যেমন- title, script, style, meta, link ইত্যাদি এলিমেন্টের ধারক এলিমেন্ট।
<h1> - <h6>এইচটিএমএল হেডিং লেখার জন্য ব্যবহার করা হয়।
<head> এলিমেন্ট
এইচটিএমএল <head> এলিমেন্টের সাথে হেডিং বা শিরোনামের কোন সম্পর্ক নেই।
<head> এলিমেন্ট মেটাডেটা রাখার জন্য একটি কন্টেইনার। এইচটিএমএল মেটাডেটা হচ্ছে এইচটিএমএল ডকুমেন্ট সম্পর্কে তথ্য। মেটাডেটা ব্রাউজারে প্রদর্শিত হয় না।
<head> এলিমেন্টটি <html> ট্যাগের পরে এবং <body> ট্যাগের পূর্বে লেখা হয়ঃ
উদাহরণ-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>এইচটিএমএল head এলিমেন্ট</title>
</head>
<body>
<p>এইচটিএমএল head এলিমেন্টে মেটা ডেটা লেখা হয়।</p>
<p>মেটা ডেটা এইচটিএমএল ডকুমেন্ট সম্পর্কিত ডেটা।</p>
</body>
</html>
এইচটিএমএল হেডিং
<h1> থেকে <h6> ট্যাগ দ্বারা এইচটিএমএলে হেডিং বা শিরোনাম তৈরি করা হয়।
<h1> দ্বারা সর্বোচ্চ গুরুত্বপূর্ণ হেডিং এবং <h6> দ্বারা সর্বনিম্ন গুরুত্বপূর্ণ হেডিং বুঝায়।
সিএসএস ব্যবহার করে আপনি অন্যান্য এলিমেন্ট এর ন্যায় হেডিংয়েরও ফন্ট সাইজ পরিবর্তন করতে পারেন।
উদাহরণ-
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল হেডিং</title>
</head>
<body>
<h1>h1 সবচেয়ে গুরুত্বপূর্ণ হেডিং</h1>
<h2>h2, h1 এর চেয়ে কম গুরুত্বপূর্ণ হেডিং</h2>
<h3>h3, h2 এর চেয়ে কম গুরুত্বপূর্ণ হেডিং</h3>
<h4>h4, h3 এর চেয়ে কম গুরুত্বপূর্ণ হেডিং</h4>
<h5>h5, h4 এর চেয়ে কম গুরুত্বপূর্ণ হেডিং</h5>
<h6>h6 সবচেয়ে কম গুরুত্বপূর্ণ হেডিং</h6>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন.
☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ " HTML Heading/হেডিং ট্যাগ এর ব্যবহার"
একটি মন্তব্য পোস্ট করুন