Search This Blog

Thursday, September 22, 2011

আসুন শিখি HTML [পর্ব-২]


কেমন আছেন সবাইআশা করি সবাই ভাল আছেনআজকে আমি আপনাদের html এর আরেকটা জিনিষ দেখাব।সাথে থাকুনআগের টিউন এর নিয়ম অনুসারে একটি html কোড লিখুন।কোডটি অবশ্যই নোটপ্যাড লিখবেন
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<title>
আমরা html শিখব
</title>
</head>
<body>
আমরা বাঙালি জাতি
আমরা গর্বিত জাতি
দেম আমাদেরকে অনেক কিছু দিয়েছে
এবার আমাদের দায়িত্ব দেশের জন্য কিছু করা
আসুন আমরা দেশের জন্য কিছু করি
</body>
</html>
এখানে আমরা <body>……………..</body> এর মধ্যে একটা paragraph লিখেছি।এর প্রতিটি লাইন আমরা আলাদা আলাদা নিচে নিচে লিখেছি।তারপর আমরা তা aaa.html নামে সেভ করি।তারপর তা ওপেন করলে ব্রাউজার নিচের মত দেখাবে



***দেখুন লাইনগুলো আলাদা আলাদা না দেখিয়ে একসাথে দেখিয়েছে
এখন আমরা যদি লাইনগুলো নিচে নিচে দেখাতে চাই তবে আমাদের একটি tag ব্যাবহার করতে হবে।ট্যাগটি হল  <br> ট্যাগ
***যেকোন লাইন এর শেষে এই ট্যাগ ব্যাবহার করলে পরের লাইনটি নিচ থেকে শুরু হবে
তাহলে আসুন আগের html code এর body এর প্রতিটি লাইন এর শেষে <br> ট্যাগ ব্যাবহার করি
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>

<head>

<title>

আমরা html শিখব

</title>

</head>

<body>

আমরা বাঙালি জাতি।<br>

আমরা গর্বিত জাতি।<br>

দেম আমাদেরকে অনেক কিছু দিয়েছে।<br>

এবার আমাদের দায়িত্ব দেশের জন্য কিছু করা।<br>

আসুন আমরা দেশের জন্য কিছু করি।<br>

</body>

</html>
এবার এটি asa.html(যেকোন নাম.html) নামে সেভ করুন।তারপর double click করে ওপেন করুন


জানিনা কেমন হয়েছে।যদি ভাল লাগে তবে আমার লেখাটা সারথক।সবাই ভাল থাকবেন
লেখকঃ সাবিহা
সুত্রঃ টেকটিউনস

আসুন শিখি HTML [পর্ব-১]


কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন।আজকে আমি html এর একদম বেসিক জিনিষ দেখাব।সাথে থাকবেন ***আপনাদেরকে html এর বেসিক format টা দেখাচ্ছি
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>
***খেয়াল করুন সব লেখার শুরুটা হবে <html> দিয়ে আর শেষ হবে </html> এই লেখা দিয়ে
***এই লেখার মাঝে <head> হতে </head> একটা পার্ট।আর <body> হতে </body> আরেকটা পার্ট
***<head> হতে </head> এর মাঝে <title> আর </title> থাকে
***আর এটা notepad লিখতে হবে।note pad এর জন্য start menu হতে notepad লিখে সার্চ দিতে হবে
*** তারপর তা যেকোন নাম তারপর একটা ডট দিয়ে html লিখে সেভ করতে হবে।যেমনঃ alif.html
***আসুন একটা example দেখি
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>

<head>

<title>

amra parbo

 </title>

</head>

<body>

amra emon ek jati zara sob korte pare

</body>

</html>
***এটা নোটপ্যাড লিখে alif.html নামে সেভ করুন
***তারপর যেখানে সেভ করেছেন, সেখানে গিয়ে double click করে ওপেন করুন।



আপনার
web page তৈরি হয়ে গেছে।সবাই ভাল থাকবেন
লেখকঃ সাবিহা
সুত্রঃ টেকটিউনস

আসুন শিখি HTML [পর্ব-৪]


কেমন আছেন সবাইআশা করি সবাই ভাল আছেন
আগের পর্বে আমরা দেখেছিলাম <p>………………..</p> ট্যাগ এর ব্যাবহার।এই ট্যাগ ব্যাবহার করলে দুই লাইন এর মাঝখানে এক লাইন এর সমান ফাকা সৃষ্টি হবে।কিন্তু যদি যদি আমাদের এমন কোন প্রয়োজন হয় যে দুই লাইন এর মাঝখানে এক লাইন এর অধিক ফাকা লাইন তৈরি করতে হবে।তখন আমরা কি করব।কোন চিন্তা নেই।সেই সমস্যারও সমাধান আছে।আজকের টিউন আমরা সেই ব্যাপার নিয়ে আলোচোনা করব
***প্রথমে আগের পর্বের নিয়ম অনুসারে <p>………..</p> ট্যাগ ব্যাবহার করে একটি কোডিং লিখুন।আর এই কোডিং কিন্তু অবশ্যই notepad লিখবেন
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>

<head>

<title>

আমরা html শিখব

</title>

</head>

<body>

<p>আমরা বাঙালি জাতি।</p>

<p>আমরা গর্বিত জাতি।</p>

<p>দেশ আমাদেরকে অনেক কিছু দিয়েছে।</p>

<p>এবার আমাদের দায়িত্ব দেশের জন্য কিছু করা।</p>

<p>আসুন আমরা দেশের জন্য কিছু করি।</p>

</body>

</html>
***তারপর তা asa.html নামে সেভ করে double click করে ওপেন করুন।দেখুন দুই লাইন এর মাঝে এক লাইন এর সমান ফাকা তৈরি হয়েছে



***এবার আসুন দেখি কিভাবে দুই লাইন এর মাঝে একের অধিক লাইন ফাকা রাখা যায়।এজন্য আমাদের <p>……………….</p>&nbsp  ট্যাগ ব্যাবহার করতে হবে। আসুন এই ট্যাগ ব্যাবহার করে নতুন করে কোডিংটা লিখি
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>

<head>

<title>

আমরা html শিখব

</title>

</head>

<body>

<p>আমরা বাঙালি জাতি।</p>&nbsp

<p>আমরা গর্বিত জাতি।</p>&nbsp

<p>দেশ আমাদেরকে অনেক কিছু দিয়েছে।</p>&nbsp

<p>এবার আমাদের দায়িত্ব দেশের জন্য কিছু করা।</p>&nbsp

<p>আসুন আমরা দেশের জন্য কিছু করি।</p>&nbsp

</body>
</html>
***এবার awa.html নামে সেভ করে double click করে ওপেন করুন।দেখুন একের অধিক লাইন এর সমান ফাকা তৈরি হয়েছে


জানিনা আপনাদের কেমন লাগল।যদি ভাল লাগে তবে জানাবেন।সবাই ভাল থাকবেন
লেখকঃ সাবিহা
সুত্রঃ টেকটিউনস