এইচটিএমএল কেন তাই তো? ওয়েব সাইট তৈরি করতে এইচটিএমএল ব্যবহার করা হয়।এইচটিএমএল জানা থাকলে নিজের ওয়েব সাইট, পরিচিত কারো জন্য সহজেই একটা ওয়েব সাইট তৈরি করা যায়। যদিও এইচটিএমএল এর সাথে আরো কিছু যেমন সিএসএস, জাভাস্ক্রিপ্ট ইত্যাদি জানতে হয় আধুনিক ওয়েব সাইট তৈরি করতে। তবে সে গুলো শেখার আগে দরকার এইচটিএমএল এর জ্ঞান। তাই কেউ … Read more
মেনুবার বা ন্যাভিগেশন বার আর কিছুই না, কত গুলো এইচটিএমএল লিঙ্ক এর সমষ্টি। তাই না? তাই আমরা প্রথমে কয়েকটা লিঙ্ক কে কিভাবে ন্যাভিগেশন মেনু তৈরি করতে পারি, তাই দেখব আস্তে আস্তে। শুরু করি নিচের কোড গুলো দিয়ে। যেখানে শুধু কয়েকটা লিঙ্ক রয়েছেঃ ডামি/টেস্ট লিঙ্ক দেওয়ার জন্য সাধারনত # ব্যবহার করা হয়। উপরের কোড গুলো যদি … Read more
pseudo-classes দিয়ে সুন্দর কিছু কিছু ইলিম্যান্টে আলাদা স্টাইল বা ইফেক্ট দেওয়া যায়। যেমন আমরা সকল লিস্টকে একটা স্টাইল দিলাম। কিন্তু প্রথম ইলিম্যান্টকে আরেকটা রঙ দিলাম। বা লিঙ্ক গুলো যে গুলো ভিজিট করা হয় নি, সে গুলোকে এক কালার দিলাম। যে গুলো ভিজিট হয়েছে, সে গুলোকে এক কালার দিলাম। কোন লিঙ্ক এর উপর মাউস নিয়ে এক … Read more
আমরা সাধারনত যে কোন টেক্সটকে ডানে, বামে, বা মাজখানে এলাইন করতে পারি সহজে। text-align প্রপার্টি এর সাহায্যে। টেক্সট স্টাইলিং সম্পর্কে এ লিঙ্কে বিস্তারিত লেখা রয়েছে। আচ্ছা, যদি আমরা কোন ব্লক ইলিম্যান্টো বা ডিভিশনকে এলাইন করতে চাই, তখন কি করব? হ্যা, তাও সম্ভব। অনেক সহজেই। margin প্রপার্টি ব্যবহার করে আমরা সহজেই করতে পারি। আচ্ছা, ব্লক ইলিম্যান্ট … Read more
Float দিয়ে একটি ইলিম্যান্টকে বামে বা ডানে বসানো হয়। ইলিম্যান্টটি যদি বামে বসানোর পর আরো জায়গা থাকে, বাকি জায়গা অন্য আরেকটি ইলিম্যান্ট বসে। অথবাঃ Float ব্যবহার করলে তা আবার বন্ধ করতে হয়। যাকে বলা হয় Clear একটি ওয়েবসাইটে কিছু ডেটা থাকে ডানে, কিছু থাকে বামে। যেমন নিচের উদাহরনটা দেখিঃ আর এই ডানে বা বামে কন্টের … Read more
Position খুবি গুরুত্ত পূর্ণ প্রপার্টি। এ প্রপার্টি ব্যবহার করে একটি ইলিম্যান্ট কোথায় বসবে, তা ঠিক করে দেওয়া যায়। একটি ইলিম্যান্ট আরেকটি ইলিম্যান্ট এর উপর ওভারল্যাপিং করানো যায়। এবং কোনটা কোন ইলিম্যান্ট এর উপর হবে, তাও ঠিক করে দেওয়া যায়। একটি ইলিম্যান্ট top, bottom, left, and right ইত্যাদি কোথায় সেট করা হবে, তাই ঠিক করা হয় Position … Read more
Visibility দিয়ে একটি ইলিম্যান্ট দেখাবে নাকি হাইড করে রাখবে, তা সেট করা যায়। অর্থাৎ এর দুটি প্রোপার্টি রয়েছেঃ visible অথবা hidden দিলে h1 ট্যাগের ভেতরের সকল লেখা লুকানো থাকবে। এখানে h1 এর পরিবর্থে যে কোন সিলেক্টর ব্যবহার করা যেতে পারে। যেমন যে কোন Class, ID, p, img,h2 ইত্যাদি। Display দিয়ে একটা ইলিম্যান্ট লুকানো বা দেখানো … Read more
সিএসএস বর্ডার, মার্জিং, প্যাডিং, আউটলাইন সব গুলো একই সাথে সম্পর্ক যুক্ত। প্রতিটা এইচটিএমএল ইলিম্যান্টকে একটি বক্স আকারে চিন্তা করা যায়। এবং প্রতিটি এইচটিএমএল ইলিম্যান্টে বর্ডার, মার্জিং, প্যাডিং, আউটলাইন ইত্যাদি প্রয়োগ করা যায়। বর্ডার, মার্জিং, প্যাডিং, আউটলাইন ইত্যাদি কি তা সহজেই একটি ইমেজের মধ্যমে বুঝতে পারি একটা একটা করে বিস্তারিত লিখছি। প্রথমেই লিখি মার্জিন [Margin] নিয়ে: মার্জিং … Read more
ওয়েব পেইজে আমাদের ভিবিন্ন লিস্ট তৈরি করতে হয়। আর লিস্টটা সুন্দর ভাবে দেখাতে দরকার সিএসএস। নিচের উদাহরনটি দেখুনঃ এখনাএ দুটা লিস্ট আছে দুই ধরনের। যা করা হয়েছে সিএসএস এর সাহায্যে। এইচটিএমএল এ দুই ধরনের লিস্ট ব্যবহার করতে পারি আমরা। একটা হচ্ছে ordered lists আরেকটা unordered lists। ordered মানে হচ্ছে লিস্ট গুলো নাম্বার বা লেটার দিয়ে মার্ক করা হয়। … Read more
অনেক প্রজেক্টেই রেন্ডম নাম্বার তৈরি করতে হয়। পিএইচপি তে রেন্ডম নাম্বার তৈরি করার জন্য একটা ফাংশন রয়েছে rand() নামে। আপনি একটি পিএইচপি ফাইল খুলে echo rand(); লিখলেই আপনাকে যে কোন একটা নাম্বার দিবে। পুরো পিএইচপি ফাইলটিঃ এখন আপনার যত ইচ্ছে তত রেন্ডম নাম্বার তৈরি করতে পারেন। একটার সাথে আরেকটার মিল থাকা খুবই কম। কিন্তু আমরা যদি একটা … Read more