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

কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন।

আজকে আমি শুরু করব html এর ৫ নাম্বার পার্ট।সবাই সাথে থাকবেন।

আগের টিউন এ আমরা দেখেছিলাম দুই লাইন এর মাঝে কিভাবে একের অধিক ফাকা লাইন রাখা যায়।যদি আপনি এমন কন সমস্যায় পরেন যে এক লাইন এর ওয়ার্ড গুলোর মাঝে ফাকা যায়গার দরকার।তখন কি করবেন?

খুবই সহজ ব্যাপার।একটু দেখুন আজকের পার্টটা সবচেয়ে সহজ মনে হবে।

***প্রথমে একটি html কোডিং লিখুন।


<html>

<head>

<title>

আমরা html শিখি

</title>

</head>

<body>

আমরা   বাঙালি   জাতি।

</body>

</html>

***আপনি <body>………………</body> এর বাংলা লাইনটুকুর মাঝে যতই ফাকা রাখুন,ব্রাউজার এ এক স্পেস পরিমান ফাকা দেখাবে। দেখুন এই ফাইলটুকু সেভ করে ওপেন করলে ব্রাউজার এ কেমন দেখাবে ।

***এবার আসুন কিভাবে এই সমস্যার সমাধান করবেন।আপনি লাইনে দুইটি ওয়ার্ড এর মাঝে যতবার &nbsp যোগ করবেন ,ঠিক ততবার একটি করে ফাকা জায়গা তৈরি হবে।

***আসুন এবার কোডিংটুকু change  করে এভাবে লিখি।


<html>

<head>

<title>

আমরা html শিখব

</title>

</head>

<body>

আমরা &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp বাঙালি &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp জাতি।

</body>

</html>

কোডটি কিন্তু অবশ্যই নোটপ্যাড এ লিখবেন।তারপর ava.html(যেকোন নাম.html) নামে সেভ করে double click করে ওপেন করুন।

***আশা করি আপনারা বিষয়টি বুঝতে পেরেছেন।সবাই ভাল থাকবেন।

Level 0

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

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


টিউনস


আরও টিউনস


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


টিউমেন্টস

valo laglo ! tobe amar ekti proshno… shudhu HTML use kore ki shompurno ekti website banano shomvob ? amar ekta website khub joruri dorkar. kono protisthan er maddhome na ami nije banate chaisi. HTML ta shikhe nile ki parbo?

    শুধু html দিয়ে যদি আপনি web site বানাতে চান,তাহলে তা সম্ভব।কিন্তু দেখতে সুন্দর হবে না।আপনাকে html এর সাথে css,javascript জানতে হবে।আর হা সাথে কিন্তু photoshop এ মাস্টার হতে হবে।

    আর যদি আপনি ব্লগ খুলতে চান।যেমন আমাদের techtunes এর মত তাহলে আপনাকে এগুলার কিছুই জানতে হবে না।

      apu,
      shundor na houk amar ekta website chaiii chai!! professional kaazer jonne!

ভাইজান স্ক্রীনশটে ফাকা জায়গা অনেক। আমার মনে হয় ছবিটা কেটে উপরের অংশটুকু দিলে আরো সুন্দর হত।

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

ভালো থাকুন

    তা ঠিক বলেছেন।হয়েছে কি বড় টিউন দেখলে সবাই ভয়ে দৌড় দিবে।যেমন আমি বড় টিউটোরিয়াল দেখলে ভয়ে দৌড় দেই। 🙁

    আসলে আমি চাচ্ছিলাম প্রতি টিউন এ এক একটা নতুন করে topics আলোচোনা করতে।টিউন যত সাম্নের দিকে যাবে টিউন তত বড় হবে।
    শাওন ভাই একটা personal প্রশ্ন করি আপনি টিউন এ যে ইমেজ গুলো দেন,তাতে কাটা sign থাকে ।এটা কিভাবে দেন।একটু জানাবেন।pleaseeeeeeeeeeeee

      আমি এটা করি স্ন্যাগ ইট এডিটর দিয়ে। স্ন্যাগইট (SnagIt) দিয়ে ইমেজ ক্যাপচার করলে সেটা দিয়ে পেজ ছেড়া কাটা ইফেক্ট দেওয়া যায়। 🙂

Level 2

নেক্সট লেসন চাই 🙁

Level 0

Khub valo
Thanks.

আপনি Microsoft Excel বাদ দিয়ে HTML নিয়ে লাগলেন কেন.

    ভাইরে সেমিষ্টার পরিক্ষা শেষ করে ওয়েব ডিজাইন নিয়ে উঠে পড়ে লেগেছি।ভাইরে অন্য রকম মজা।সারাদিন কম্পিউটার নিয়ে পড়ে থাকি।আর এই টেকটিউনস না থাকলে হয়ত আমার কম্পিউটার এর প্রতি কন আগ্রহ থাকত না।তাই যা শিখছি তাই টেকটিউন্স এ শেয়ার করছি।
    আর excel,word ঈদ এর পর থেকে শুরু করব।একটু অপেক্ষা করেন।

ভালো লাগল। লিখতে থাকুন। পাশে আছি। 🙂

css,javascript, photoshop এই সব আবার কি বলতেছেন, খুব উৎসাহ নিয়ে ৫ম পর্বে আসলাম।যাই হোক শেষ পর্যন্ত আছি।ভালই লাগতেছে, এই গুলো কোননা কোন কাজে লাগবে।শিখার কোন শেষ নেই।আপনাকে অসংখ্য ধন্যবাদ।আপনার টউন সবসময় ভাল হয়।

ভাল লাগল …আশা করি শেষ পর্যন্ত আপনি চালাই যাবেন
এরপর জাভা টাভা কি সব বলছেন 😀 এগুলা নিয়া আসবেন আশা করি 🙂

Moja paila mama!