IT Help Desk > Create your Own Website
HTML শিখুন নিজের ওয়েবপেজে ব্যাবহার করুন Patr 1 to 15
Sultan Mahmud Sujon:
আজকে আমি 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 তৈরি হয়ে গেছে।
Sultan Mahmud Sujon:
আসুন শিখি 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 ব্যাবহার করতে হবে।ট্যাগটি হল
ট্যাগ।
***যেকোন লাইন এর শেষে এই ট্যাগ ব্যাবহার করলে পরের লাইনটি নিচ থেকে শুরু হবে।
তাহলে আসুন আগের html code এর body এর প্রতিটি লাইন এর শেষে
ট্যাগ ব্যাবহার করি।
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>
আমরা বাঙালি জাতি।
আমরা গর্বিত জাতি।
দেম আমাদেরকে অনেক কিছু দিয়েছে।
এবার আমাদের দায়িত্ব দেশের জন্য কিছু করা।
আসুন আমরা দেশের জন্য কিছু করি।
</body>
</html>
এবার এটি asa.html(যেকোন নাম.html) নামে সেভ করুন।তারপর double click করে ওপেন করুন।
Sultan Mahmud Sujon:
আমরা দেখেছিলাম কিভাবে
ট্যাগ ব্যাবহার করতে হয়।
ট্যাগ ব্যাবহার করলে লাইনগুলো নিচে নিচে সজ্জিত হয়।কিন্তু আমাদের যদি এমন দরকার হয় যে লাইনগুলোর মাঝে ফাকা লাইন থাকবে।তখন আমরা কি করব।
***তখন আমরা <p>……………..</P> ট্যাগ ব্যাবহার করব।আসুন এবার আমরা দেখি কিভাবে এর ট্যাগ ব্যাবহার করা যায়।
***আগের টিউন এর নিয়ম অনুসারে
ট্যাগ ব্যাবহার করে আমরা একটি html কোড লিখি।
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>
আমরা বাঙালি জাতি।
আমরা গর্বিত জাতি।
দেশ আমাদেরকে অনেক কিছু দিয়েছে।
এবার আমাদের দায়িত্ব দেশের জন্য কিছু করা।
আসুন আমরা দেশের জন্য কিছু করি।
</body>
</html>
***তারপর তা ara.html(যেকোন নাম.html) নামে সেভ করুন।
***তারপর double click করে ওপেন করুন।দেখুন লেখাগুলো নিচে নিচে এসেছে।কিন্তু মাঝে কোন ফাকা লাইন নেই।
ফাকা লাইন এর জন্য আসুন আমরা <p>………………………</p> ট্যাগ ব্যাবহার করি।
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>
***এবার তা aqa.html নামে সেভ করে ওপেন করে দেখুন লাইন গুলোর মাঝে ফাকা লাইন তৈরি হয়েছে।
Sultan Mahmud Sujon:
আমরা দেখেছিলাম <p>………………..</p> ট্যাগ এর ব্যাবহার।এই ট্যাগ ব্যাবহার করলে দুই লাইন এর মাঝখানে এক লাইন এর সমান ফাকা সৃষ্টি হবে।কিন্তু যদি যদি আমাদের এমন কোন প্রয়োজন হয় যে দুই লাইন এর মাঝখানে এক লাইন এর অধিক ফাকা লাইন তৈরি করতে হবে।তখন আমরা কি করব।কোন চিন্তা নেই।সেই সমস্যারও সমাধান আছে।আজকের টিউন এ আমরা সেই ব্যাপার নিয়ে আলোচোনা করব।
***প্রথমে আগের পর্বের নিয়ম অনুসারে <p>………..</p> ট্যাগ ব্যাবহার করে একটি কোডিং লিখুন।আর এই কোডিং কিন্তু অবশ্যই notepad এ লিখবেন।
<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>  ট্যাগ ব্যাবহার করতে হবে। আসুন এই ট্যাগ ব্যাবহার করে নতুন করে কোডিংটা লিখি।
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> 
<p>আমরা গর্বিত জাতি।</p> 
<p>দেশ আমাদেরকে অনেক কিছু দিয়েছে।</p> 
<p>এবার আমাদের দায়িত্ব দেশের জন্য কিছু করা।</p> 
<p>আসুন আমরা দেশের জন্য কিছু করি।</p> 
</body>
</html>
***এবার awa.html নামে এ সেভ করে double click করে ওপেন করুন।দেখুন একের অধিক লাইন এর সমান ফাকা তৈরি হয়েছে।
http://s.techtunes.com.bd/tDrive/tuner/sabihas13/83092/Edit_2011-08-18_1.png
Sultan Mahmud Sujon:
আসুন শিখি HTML [পর্ব-৫]
***প্রথমে একটি html কোডিং লিখুন।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title>
আমরা html শিখি
</title>
</head>
<body>
আমরা বাঙালি জাতি।
</body>
</html>
***আপনি <body>………………</body> এর বাংলা লাইনটুকুর মাঝে যতই ফাকা রাখুন,ব্রাউজার এ এক স্পেস পরিমান ফাকা দেখাবে। দেখুন এই ফাইলটুকু সেভ করে ওপেন করলে ব্রাউজার এ কেমন দেখাবে ।
***এবার আসুন কিভাবে এই সমস্যার সমাধান করবেন।আপনি লাইনে দুইটি ওয়ার্ড এর মাঝে যতবার   যোগ করবেন ,ঠিক ততবার একটি করে ফাকা জায়গা তৈরি হবে।
***আসুন এবার কোডিংটুকু change করে এভাবে লিখি।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title>
আমরা html শিখব
</title>
</head>
<body>
আমরা             বাঙালি             জাতি।
</body>
</html>
কোডটি কিন্তু অবশ্যই নোটপ্যাড এ লিখবেন।তারপর ava.html(যেকোন নাম.html) নামে সেভ করে double click করে ওপেন করুন।
Navigation
[0] Message Index
[#] Next page
Go to full version