Search This Blog

Thursday, September 22, 2011

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



কেমন আছেন সবাইআশা করি সবাই ভাল আছেনজানিনা আমার আগের টিউনগুলো আপনাদের ভাল লেগেছে কিনা।যদি ভাল লাগে তবে আমার লেখা সার্থক।আজকে আমি আপনাদের সাথে html এর আরেকটি নতুন বিষয় নিয়ে আলোচোনা করব ***heading এর align attribute:
আমরা আগের টিউনগুলো থেকে শিখেছি কিভাবে heading লিখতে হয়।যারা জানেন না তারা kindly আগের টিউনগুলো দেখে নিন,তাতে আপনাদের বুঝতে সুবিধা হবে
আমরা আগের টিউন দেখেছি  <h1 হতে h6>………………….</h1 হতে h6> এটা হল heading এর ট্যাগ।এটা সম্পরকে বিস্তারিত জানতে হলে আমার আগের টিউনগুলো দেখুন
ধরুন আপনি heading দিতে পারেন।কিন্তু কোন প্রয়োজনে বা সুন্দরের জন্য আপনাকে heading ডানে বামে নিতে হবে।তখন কি করবেন?? তখন আপনাদের heading ট্যাগ এর সাথে align attribute ব্যাবহার করতে হবে।আপনাকে ডানে,মাঝখানে,বামে heading নেওয়ার জন্য heading ট্যাগ এর সাথে right,center,left ব্যাবহার করতে হবে
***আসুন এবার format টা দেখি।<h1 হতে h6 align=left বা center বা right>……………………</h1 হতে h6>
আসুন চিন্তা করি আমাদের এমন একটা কোডিং করতে হবে যার heading হবে সবচেয়ে বড়, এবং heading টি হবে ডানে।তখন আমাদের যে কোডিং টি ব্যাবহার করতে হবে তার format হবে <h1 align=right>………………………</h1>
***এবার আসুন একটি উদাহরন দেখি
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
28
29
<html>

<head>

<title>

টেকটিউনস বাংলার এক নাম্বার টেকনোলোজি সাইট

</title>

</head>

<body>

<h1 align=left>আমরা সবাই টেকটিউনসকে ভালবাসি</h1>

<h1 align=center> আমরা সবাই টেকটিউনসকে ভালবাসি </h1>

<h1 align=right> আমরা সবাই টেকটিউনসকে ভালবাসি</h1>

<h1 align=left> আমরা সবাই টেকটিউনসকে ভালবাসি </h1>

<h1 align=center> আমরা সবাই টেকটিউনসকে ভালবাসি </h1>

<h1 align=right> আমরা সবাই টেকটিউনসকে ভালবাসি </h2>

</body>

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


***আমরা এতোক্ষন দেখলাম কিভাবে কিভাবে heading ডানে বামে নিতে হয়।ঠিক একইভাবে html এর কোডিং এর paragraph ডানে বামে নেওয়া যায়। আসুন দেখি কিভাবে paragraph ডানে বামে নেওয়া যায়
***paragraph ডানে বামে নেওয়ার ট্যাগ এর ফরম্যাট <p align=left বা center বা right>……………………………………………</p>
***আসুন এবার একটা উদাহরন দেখি
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>

<head>

<title>

টেকটিউনস বাংলার এক নাম্বার টেকনোলোজি সাইট

</title>

</head>

<body>

<p align=left>আগে বাংলাদেশ সাইবার জগতে পিছিয়ে পিছিয়ে ছিলকিন্তু সময় যতই যাচ্ছে বাংলাদেশ তার অবস্থান উন্নতি করছেবাংলাদেশ এখন আর কারো হাতের খেলার পুতুল নাবাংলাদেশ এখন শুধু সামনের দিকে যেতে চায়বাংলাদেশ এখন সাইবার জগতে সারা প্রিথিবির সাথে fight দিয়ে নানা পুরস্কার নিয়ে আসছেআমাদের মুখ উজ্জ্বল করছে</p>

<p align=center>আমাদের দেশের মুখ উজ্জ্বল করছেযারা এই কম্পিউটার জগতে নতুন,কিছুই জানে না তাদেরকে শিক্ষার দায়িত্ব নিয়ে শিক্ষকের ভুমিকায় সবসময় পাশে আছে টেকটিউনসযারা কম্পিউটার এর নানা বিষয় বিষয় নিয়ে জানতে চায়,তাদের জন্য আছে টিউটোরিয়াল</p>

<p align=right>যারা ডাউনলোড ভাল লাগে তারা এখান থেকে latest সফটওয়্যার নামাতে পারবেনএখানে যে আরো কত কিছু আছে তা একমাত্র না ধুক্লে বুঝা যাবে নাতাই সবার কাছে আমার একটাই অনুরোধ আপনারা সবসময় টেকটিউনস এর পাশে থাকবেন</p>

</body>

</html>
***এবার তা eja.html নামে সেভ করেdouble click করে ওপেন করুন



সবাই ভাল থাকবেন
লেখকঃ সাবিহা
সুত্রঃ টেকটিউনস

No comments:

Post a Comment