সুন্দর একটি ওয়েব সাইট তৈরি করতে দুটি জ্ঞান সবার আগে লাগে, এইচটিএমএল এবং সিএসএস। এইচটিএমএল নিয়ে আমি অনেক গুলো লেখা লিখেছি সে গুলো এখান থেকে পড়া যাবে। এইচটিএমএল নিয়ে লেখা গুলো এবং অন্যান্য। সিএসএস নিয়ে লেখা গুলোর লিস্ট এখানে দিয়ে দিলাম। ভবিশ্যতে লিখলে সে গুলোও এখানে যুক্ত করে দিব। সিএসএস টিউটোরিয়াল – সূচনা সিএসএস টিউটোরিয়াল … Read more
এইচটিএমএল কেন তাই তো? ওয়েব সাইট তৈরি করতে এইচটিএমএল ব্যবহার করা হয়।এইচটিএমএল জানা থাকলে নিজের ওয়েব সাইট, পরিচিত কারো জন্য সহজেই একটা ওয়েব সাইট তৈরি করা যায়। যদিও এইচটিএমএল এর সাথে আরো কিছু যেমন সিএসএস, জাভাস্ক্রিপ্ট ইত্যাদি জানতে হয় আধুনিক ওয়েব সাইট তৈরি করতে। তবে সে গুলো শেখার আগে দরকার এইচটিএমএল এর জ্ঞান। তাই কেউ … Read more
মেনুবার বা ন্যাভিগেশন বার আর কিছুই না, কত গুলো এইচটিএমএল লিঙ্ক এর সমষ্টি। তাই না? তাই আমরা প্রথমে কয়েকটা লিঙ্ক কে কিভাবে ন্যাভিগেশন মেনু তৈরি করতে পারি, তাই দেখব আস্তে আস্তে। শুরু করি নিচের কোড গুলো দিয়ে। যেখানে শুধু কয়েকটা লিঙ্ক রয়েছেঃ ডামি/টেস্ট লিঙ্ক দেওয়ার জন্য সাধারনত # ব্যবহার করা হয়। উপরের কোড গুলো যদি … Read more
ওয়েব পেইজে আমাদের ভিবিন্ন লিস্ট তৈরি করতে হয়। আর লিস্টটা সুন্দর ভাবে দেখাতে দরকার সিএসএস। নিচের উদাহরনটি দেখুনঃ এখনাএ দুটা লিস্ট আছে দুই ধরনের। যা করা হয়েছে সিএসএস এর সাহায্যে। এইচটিএমএল এ দুই ধরনের লিস্ট ব্যবহার করতে পারি আমরা। একটা হচ্ছে ordered lists আরেকটা unordered lists। ordered মানে হচ্ছে লিস্ট গুলো নাম্বার বা লেটার দিয়ে মার্ক করা হয়। … Read more
HTML div: div মানে Division, একটা অংশ বা ভাগ। এইচটিএমএল পেইজের একটা সেকশন। এইচটিএমএল ইলিম্যান্টকে বিভিন্ন গ্রুপে ভাগ করার জন্য div ট্যাগ ব্যবহার করা হয়। আর বিভিন্ন ভাগে ভাগ করার প্রধান উদ্যেশ্য হচ্ছে ভিন্ন ভিন্ন স্টাইল দেওয়া। নিচের কোড গুলো দেখুন। ব্রাউজারে দেখতে এখানে ক্লিক করুন। উপরে দুটি ভিন্ন ভিন্ন div তৈরি করেছি। যার ব্যাকগ্রাউন্ড … Read more
HTML Attributes দিয়ে আমরা এইচটিএমএল এ কিছু স্টাইল দিতে পারি। আর সে জন্য এইচটিএমএল এ প্রতিটি ট্যাগ এর জন্য আলাদা করে স্টাইল গুলো লিখতে হয়। কিন্তু আমরা যদি একটি ভালো মানের ওয়েব সাইট তৈরি করতে চাই, তাহলে দরকার সিএসএস। CSS এর পূর্ন রূপ হচ্ছে Cascading Style Sheets। একটি এইচটিএমএল ফাইলের বিভিন্ন উপাদান গুলো কিভাবে দেখাবে যেমন … Read more
প্রায় ওয়েব সাইটেই দেখা যায় পেছনে ফুল পেইজ ব্যাকগ্রাউন্ড ইমেজ থাকে চাই যা ব্রাউজারের পুরো জায়গা জুড়ে দেখা যায়। সিএসএস ব্যাবহার করে আমরা সহজেই এমন ব্যাকগ্রাউন্ড দিতে পারি। উদাহরন হিসেবে এটা দেখতে পারেন। এখানে গিয়ে জুম ইন আউট করে দেখুন, ব্যাকগ্রাউন্ড সব সময় একই সাইজে থাকে। আর এমন ব্যাকগ্রাউন্ড দেওয়া খুব সহজঃ আর পুরো উদাহরনের কোডঃ
পরীক্ষা থাকার কারনে অনেক দেরি হয়ে গেল। সবার কাছে তাই আন্তরিক ভাবে দুঃখিত। আগের পর্ব গুলোঃ HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML HTML শিখুন HTML5 সহ [পর্ব-2] My First web Page HTML শিখুন HTML5 সহ (পার্ট-3) HTML Element HTML শিখুন HTML5 সহ (পার্ট-4) HTML Attribute HTML শিখুন HTML5 সহ (পর্ব-5) – Headings ও … Read more
HTML Headings Headings গুলো <h1> থেকে <h6> tags দ্বারা বর্ননা করা হয়। Headings কি তা আমরা সবাই বুঝি। বিভিন্ন হেডলাইন দেওয়ার জন্য এই Heading Tag গুলো ব্যবহার করা হয়। <h1> Tag দ্বারা সবছেয়ে গুরুত্ত্বপূর্ন Headings দেওয়া হয়। এর পর ক্রমানুসারে <h2>… <h6> ব্যবহার করা হয়। নিছে কোন ট্যাগের জন্য কেমন আউটপুট দিবে তার একটি উদাহরন … Read more
আমরা যে সকল ওয়েব পেজ দেখি সেখানে তো অনেক লেখা, উপাদান বা অনেক তথ্য সাজানো থাকে। তা কিন্তু এমনিতেই সাজানো থাকে না। কোন উপাদান কি ভাবে সাজানো থাকবে, দেখতে কি রকম হবে, ওয়েব পেজ এর কোথায় ও কতটুকু জায়গা নিয়ে বসবে এ সকল বিষয় গুলোই হচ্ছে Attribute বা বৈশিষ্ট্য। এগুলো HTML Attribute দ্বারা ঠিক করে … Read more