Web Development tutorial in bangla part-5 :)
আজ আমরা শিখবো body ট্যাগ এর ভিতরের খুঁটি -নাটি
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>code with ak-25</title>
</head>
<body>
<h1>ashik</h1>
<h2>abdullah</h2>
<h3>al-amin</h3>
<h4>ashikur rahman</h4>
<h5>akash</h5>
<h6>code with ak</h6>
<p>this is a five number tutorial</p>
</body>
</html>
এখানে title ট্যাগে যা লেখা হবে তা ছবিতে দেখানো হয়েছে। আর body এর মধ্যে যে ( h1 - h6 ) লিখা হয়েছে তা একটি পেজে একবার লিখতে হবে যে কোনো একটা ট্যাগ । তার কারণ ওই পেজ কে seo (Search engine optimization)অর্থ্যাৎ google সার্চ করার জন্য এই h1 ট্যাগ ব্যবহার করা হয়। এই h1 ট্যাগ আপনারা লেখা মোটা করার জন্য ব্যবহার করবেন না। এটি ব্যবহার করার হয় একটি পেজের হেডিং হিসেবে।
আর p হলো pragraph ট্যাগ অর্থ্যাৎ কোনো pragraph লেখার জন্য এই ট্যাগ ব্যবহার করা হয়। এবং এটি হচ্ছে ব্লক এলিমেন্ট (block element) অর্থাৎ ডিসপ্লে(display) ওই লাইন পুরোটা দখল করে নিবে ছবিতে দেখানো হয়েছে।
এখন আপনাদের কে কিছু শর্টকার্ট (shortcut) ট্রিক শিখাবো।
Emmet Abbreviation হচ্ছে visual studio code এ শর্টকার্ট (shortcut) লেখার কিছু function . আপনারা যখন <? > lorem5 </> দিয়ে enter দিলে <?>Lorem ipsum dolor sit amet.</?> আসবে। এখানে lorem5 দেয়ায় ৫টি word লেখা এসেছে। আপনি lorem7 লেখে দিলে ৭টি word লেখা আসবে।
এছাড়াও আপনার অনেক গুলো p , h1 , i etc ট্যাগ লেখার জন্য p*3 লিখে enter দিলে
<p></p>
<p></p>
<p></p>
এরকম ৩ টি p ট্যাগ আসবে। যা আপনার কাজ আরো সহজ হবে।
আর <strong> ট্যাগ হলো কোনো কিছু লেখা কে মোটা করে দেয়।
<em> ট্যাগ হচ্ছে লেখাকে বাঁকা ও গুরুত্বপূণ করে দেয়।
<b> ট্যাগ হলো কোনো লেখাকে মোটা করে লেখা দেখাবে।
<i> ট্যাগ এর কাজ হলো লেখাকে বাঁকা করে দেখানো।
html ফাইলে কোনো ফাঁকা বা enter দিয়ে কোনো লেখা নিচে নিলে তা ডিসপ্লে (Display) তে ফাঁকা বা লেখা নিচে করে দেখাবে না। তাই লেখাকে নিচে দেখানোর জন্য <br> ট্যাগ ব্যবহার করা হয়. <br> ট্যাগ লাইন কে ভেজ্ঞে(brack) দেয়.
আর <hr > ট্যাগ হরিজেন্টাল অর্থাৎ লম্বা দাগ দেয়ার জন্য ব্যবহার করা হয়।
আজ আর নয়। আসা করি আপনারা এই গুলো প্রাকটিস (practice) করবেন।
কোন মন্তব্য নেই
If you have any doubts, please let me know.