আসুন শিখি 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>

***এবার আসুন একটি উদাহরন দেখি।


<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>

***আসুন এবার একটা উদাহরন দেখি।


<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 করে ওপেন করুন।

Techtunes টেকনোলজি সাইট এটা ঠিক আছে,কিন্তু ইদানিং কেন জানি মনে হচ্ছে টেকটিউনস পুরোপুরি রোবট হয়ে গেছে।রোবট এর যেমন কোন অনুভুতি নেই তেমনি এখানে কেউ তার মনের কথা এক লাইনও লেখতে পারে না।সবাই ভাল থাকবেন।

Level 0

আমি সাবিহা। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 98 টি টিউন ও 753 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

খুব সাধারন একটি মানুষ।সারাদিন কম্পিউটার নিয়ে পড়ে থাকি।মুভি দেখি,ব্লগ এ ব্লগ এ ঘুরাঘুরি করি।পড়ালেখা করতে বরাবরই ভয় লাগে। আর ফেসবুক এ একটা পেজ খুলেছি।যারা সময় পাবেন একটু ঢু মেরে আসবেন।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

টেকটিউনস পুরোপুরি রোবট হয়ে গেছে

সহমত!

বানানের দিকে লক্ষ্য রাখুন। আরো শিখতে চাই।

বলতে ভুলে গেছি। আপনার দেওয়া লিঙ্কে যেয়ে দেখলাম প্রচুর থিম আছে। একটা সাইট বানিয়েছি। দেখবেন সময় পেলে। টেকটিউনসের পোস্টই রয়েছে আপাতত। লিঙ্ক http://mhslogs.blogspot.com/

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

http://homeandlearn.co.uk
অনেক হেল্পফুল এবং সহজ ওয়েবসাইট
একবার try মারে দেখেন

যথারীতি ভালো হয়েছে, অনেক অনেক শুভেচ্ছা।

Level 0

Thanks. Carry on.

Level 0

খুবই ভালো হচ্ছে সন্দেহ নাই। কিন্তু আপু কালারের টিউনটা একটু কঠিন, মনে রাখতে পারছিনা। তারপরো ছাড়ছিনা শিখেই ছাড়ব ইনশাল্লাহ।

Level 0

thanks.

Thanks for your job, thanks

Level 0

I easy to understand your writing. THINKS

Level 0

Apu practice korci but amar pc te bejoy & avro install kora ase tar por notepade++ a bangla font sob ?????????
?????????? hosse keno help me.