Monday, February 25, 2013

এইচটিএমএল এর খুটি নাটি – পর্ব চার [ বডি ট্যাগের ব্যাবহার ]



আমরা আজাকে দেখবো কিভাবে ওয়েব পেজের মধ্যে থাকা লেকাহ গুলো কে বড় / স্ট্রং এবং বাকা করতে হয় ।
তাহলে আসুন শুরু করা যাক । ১মে আগের মতো নোট প্যাড ওপেন করুন । এবং এই গঠন টা লেখে ফেলুন ।
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
<em>ami</em> ajke pura try <strong>kortesi</strong> :)

</body>
</html>

এবার ব্রাউজারে ওপেন করে দেখুন ।
ami লেখা টা বেঁকা এবং kortesi  লেখা টা মোটা দেখাচ্ছে ।
তার মানে আমরা  <em> ট্যাগ দিয়ে লেখাকে বাঁকা করতে পাড়ি এবং <strong> দিয়ে যে কোন টেক্সট কে সবার নজরে রাখার জন্য একটু মোটা করতে পারি ,
আজকে এইতক থাকুন , এখন বাকি টা আপনি চেষ্টা করুন । নোট প্যাড ওপেন করে , প্র্যাকটিস শুরু করে দিন।

Read more »

Wednesday, February 20, 2013

এইচটিএমএল এর খুটি নাটি – পর্ব চার [ ট্যাগের ব্যাবহার ]



আজকে আমারা দেখবো ট্যাগের ব্যাবহার , আপনি ইতিমধ্যে জেনে গেছেন ট্যাগ কি ? তাই আর নতুন করে কিছু বলার নেই ।
একটা ওয়েব সাইটের মধ্যে নিদিষ্ট একটা টাইটেল থাকে । নিচের ছবিটা দেখুন ,

এখানে উপরে যে Mozilla FireFox লিখা আছে ,এটা হচ্ছে মজিলার টাইটেল ,এখন তাহলে আপনার মনে প্রশ্ন হতে পারে ,এটা কিভাবে হলো ?
তাহলে দেখুন , কিভাবে এইচটিএমএল শুরু করতে হয়
<!DOCTYPE html>
<html>
<head>
<title>
Cracker Habi jabi
</title>
এখানে লেখুন <h1>Head line</h1>
<h2>Head line</h2>
<h3>Head line</h3>
<h4>Head line</h4>
<h5>Head line</h5>
</head>
<body>


</body>
</html>
এভার পেজতাকে সেভ করুন । সেভ করার সময় এক্সটেন্সা হিসাবে  .html দিবেন । মনে করুন আপনি পেজটা সেভ করতে চান,
index নামে ,তাহলে এইভাবে সেভ করতে হবে । index.html
এখন আপনার পিসি তে ইন্সটল করা ব্রাউজার টা দিয়ে ওপেন করুন ,ঠিক এমন আসে কি না ,দেখুন

এখন দেখবো কিভাবে পেজের ভিতরে হেড লাইন দিতে হয় ।
headline দেওয়ার জন্য আমি h1 টাগ ইউজ করবো । একটা পেজে আপনি h1 থেকে শুরু করে  h5 তক দিতে পাড়বেন । মনে রাখবেন
h1 = সব চেয়ে বড় ট্যাগ
h2= তার পর
h3=তার পর
h4=তার পর
h5 =সব চেয়ে ছোট ট্যাগ
উপরের মতো পেজটাকে ওপেন করে সেভ করুন, রিলোড করুন আপনার ব্রাউজারের পেজটাকে ।
ছবি দেখুন

তাহলে এখন বুজতে পেরেছেন ,কিভাবে হেড লাইন লিখতে হয় .

আগামী টিউটোরিয়াল হবেঃ কিভাবে Body ট্যাগের ভিতরে লিখা গুলো কে কিভাবে মোটা এবং বেঁকা করা যায় ।

Read more »