QuickTech Institute

ওয়েব ডিজাইন শিখুন সম্পূর্ণ কোর্স ফ্রি তে✍️

📝 হাইপার লিংক সম্পর্কে ধারণাঃ পর্ব- ১০

ট্যাগ

ট্যাগ টি হাইপার লিংক নির্দেশ করে যা
একটি পেজ থেকে অন্য আরেকটি পেজে লিংক করতে ব্যবহৃত হয়।

এই ট্যাগের সবচেয়ে গুরুত্বপূর্ণ এট্রিবিউট হচ্ছে href যা লিংক এর গন্তব্য বুঝায়। অর্থাৎ লিংকটি তে ক্লিক করলে সেটা কোথায় যাবে তা বুঝায়।

বাই ডিফল্ট
*আমরা যে লিংক এ ভিজিট না করবো তা ব্লু কালারের আন্ডারলাইন হয়ে থাকে।
* ভিসিটেড লিংক পারপল কালারের আন্ডারলাইন হয়ে থাকবে এবং
* এক্টিভ লিংক রেড কালারের আন্ডারলাইন হবে।

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

যখন কোন লিংক করা হয় তখন বাই ডিফল্ট সেটাতে ক্লিক করলে ওই পেজেই লিংকটি অপেন হবে।
যদি অন্য পেজে অপেন করতে চাই তবে তাকে অন্য আরেকটি এট্রিবিউট ব্যবহার করতে হবে যা টার্গেট এট্রিবিউট।

এইচ.টি.এম.এল ৪.০১ এবং ৫ এ এট্রিবিউট এর মধ্যে কিছু পার্থক্য আছে।

কিছু এট্রিবিউট এইচ.টি.এম.এল ৪.০১ এ ছিলো কিন্তু তা ৫ এ সাপোর্ট করে না।

এইচ.টি.এম.এল ৫ এ সাপোর্ট করে এমন এট্রিবিউট এর মধ্যে সবচেয়ে গুরুত্বপূর্ণ এট্রিবিউট হচ্ছে href,
এছাড়াও download, media, rel, target, type

এইচ.টি.এম.এল এ ট্যাগ গ্লোবাল এট্রিবিউট এবং গ্লোবাল ইভেন্ট এট্রিবিউট সাপোর্ট করে।

ফেসবুক পেজে লাইক দিয়ে আমাদের সাথে একটিভ থাকুন 🙂

আমাদের কোর্স করার পর আপনার আর কোথাও সমস্যা হওয়ার কথা না। যদি সাপোর্ট লাগে তবে আপনি তা পাবেন ফ্রি তে।

ফ্রি সাপোর্ট জন্য জয়েন্ট করুন আমাদের অফিসিয়াল ফেসবুক গ্রুপে 👉https://www.facebook.com/groups/944766325975340

-ধন্যবাদ

ওয়েব ডিজাইন শিখুন সম্পূর্ণ কোর্স ফ্রি তে✍️

📝কোর্স মডিউল সম্পর্কে প্রাথমিক ধারণাঃ পর্ব- ৭

প্যারাগ্রাফ ,প্রি , ব্রেক এলিমেন্ট :

আমরা যখন কোন একটা বিষয় লিখি তখন ছোট ছোট এক বা একাধিক প্যারা বা অনুচ্ছেদ আকারে লিখি। একটা হেডিং বা শিরোনামের অধিনে এক বা একাধিক প্যারা বা অনুচ্ছেদ থাকতে পারে।

এইচ.টি.এম.এল এ প্যারাগ্রাফ বা অনুচ্ছেদ লিখার জন্য এলিমেন্ট ব্যবহার করা হয়। এটা একটা ব্লক এলিমেন্ট। ব্রাউজার প্রতিটি এলিমেন্ট এর আগে এবং পরে কিছু হোয়াইট স্পেস বা মার্জিন৷ নিয়ে নেয়।

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

এইচ.টি.এম.এল এমন একটা এলিমেন্ট যার শুরু এবং শেষের ট্যাগ আছে। অনেক এলিমেন্ট আছে যাদের শুরুর ট্যাগ আছে কিন্তু শেষের ট্যাগ নেই।

শেষের এই ট্যাগটি অবশ্যই দিতে হবে। এটা না দিলেও অধিকাংশ ব্রাউজার শঠিক আউট পুট দিবে তবে এটা কিন্তু সব সময় নাও দিতে পারে। এটা না থাকার কারণে অনাকাঙ্ক্ষিত আউটপুট আসতে পারে। তাই অবশ্যই শেষের ট্যাগ টি দিতে হবে।

আমরা যদি কখনো আমাদের একটা লাইনের পর আরেকটা লাইন লিখার আগে কিছু স্পেস দিতে চাই। বা নতুন কোন প্যারাগ্রাফ না লিখে ওই প্যারাগ্রাফ এর মাঝেও সেই লাইন এর পর একটা বিরতি দিতে চাই তবে আমরা এলিমেন্ট ব্যবহার করি। এই ট্যাগটি একটি এম্পটি ট্যাগ। এম্পটি ট্যাগ বলতে বুঝায় যার শেষ ট্যাগ নেই।

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

সেক্ষেত্রে একটি এলিমেন্ট ব্যবহার করা হয় যা এলিমেন্ট। এই প্রি এলিমেন্ট কিন্তু এম্পটি ট্যাগ না। এটার শেষ ট্যাগ আছে।
এই শুরু এবং শেষের ট্যাগ এর মাঝে আমরা যে লেখাগুলো লিখবো এবং যেভাবে লিখবো আউটপুট সেভাবেই আসবে।
এই এলিমেন্ট আমাদের কোডের মধ্যে যে লাইন বিরতি বা স্পেস থাকে তা কাউন্ট করে আউটপুট প্রদর্শন করে।

ফেসবুক পেজে লাইক দিয়ে আমাদের সাথে একটিভ থাকুন 🙂

আমাদের কোর্স করার পর আপনার আর কোথাও সমস্যা হওয়ার কথা না। যদি সাপোর্ট লাগে তবে আপনি তা পাবেন ফ্রি তে।

ফ্রি সাপোর্ট জন্য জয়েন্ট করুন আমাদের অফিসিয়াল ফেসবুক গ্রুপে 👉https://www.facebook.com/groups/944766325975340

-ধন্যবাদ

ওয়েব ডিজাইন শিখুন সম্পূর্ণ কোর্স ফ্রি তে✍️

📝 এট্রিবিউটঃ পর্ব- ৫

যারা এই কোর্সটি সম্পন্ন করতে পারবেন শেষ পর্যন্ত তারা নিজেদের জন্য যে ওয়েবসাইট টি দরকার তা আপনি নিজেই তৈরি করতে পারবেন বেসিক টা শেখানোর পর মিডলেভেলে গেলে আপনি নিজেই পারবেন একটা ওয়েবসাইট তৈরি করতে। তাই কুইকটেক ইনস্টিটিউট সঙ্গে থাকুন।

আমরা এই পর্বে আলোচনা করবো এইচ.টি.এম.এল এর এট্রিবিউট নিয়ে। এট্রিবিউট এলিমেন্টের অতিরিক্ত তথ্য প্রদান করে। এলিমেন্ট বলতে আমরা এখানে ট্যাগকে বুঝাচ্ছি। ট্যাগ নিয়ে আমরা আগের পর্বে আলোচনা করেছি। এট্রিবিউট সব সময় শুরুর ট্যাগের এংগ্যাল ব্রাকেটের মাঝে লিখা হয়। এটা সাধারণত এভাবে লিখা হয় neme="value"

এখানে নেম এর স্থানে এট্রিবিউট এর নাম এবং ভ্যালু এর স্থানে তার মান বসানো হয়।

আমরা যদি অ্যাংকর ট্যাগের উদাহরণ দেই তবে আমরা বিষয় টি পরিষ্কার ধারণা পাবো। তবে চলুন আমরা একটা উদাহরণ দিয়ে বিস্তারিত আলোচনা করি।

আমরা লিংক করার জন্য ট্যাগ ব্যাবহার করে থাকি এবং এই লিংকটি ক্লিক করলে কোথায় যাবে তার জন্য একটা এড্রেস ব্যাবহার করি যা href,
এখানে এই href হলো এট্রিবিউট।

Read More

এখানে প্রথম ট্যাগের অ্যাংগেল ব্রাকেটের শুরুতে a এর পর একটা স্পেস দিয়ে href লিখা। এই href এর পর =" " সমান চিহ্ন এবং ডাবল কোটেশন এর মাঝে www.quicktechinstitute.com লিখা আছে।

এখানে href টি হলো নেম এবং সমান চিহ্ন ও ডাবল কোটেশন এর মাঝে লিখা www.quicktechinstitute.com হলো ভ্যালু। এভাবে আমরা আরও উদাহরণ দিতে পারি। যেমনঃ

আমরা যদি ইমেজ ট্যাগের কথা বলি তবে দেখব সেখানেও একই ফরম্যাট কাজ করছে।

ইমেজ ট্যাগটি

এখানে img হলো ট্যাগ এবং,
src, width, height, alt হচ্ছে এট্রিবিউট এবং quickTechLogo.png, 255, 81, QuickTech Institute Logo হচ্ছে ভ্যালু।

এখানে src দিয়ে বলা হচ্ছে সোর্স। এটা দিয়ে ইমেজটি কোন লোকেশ থেকে আসবে তা বোঝাবে।
width দিয়ে ইমেজের উইথ,
height দিয়ে ইমেজের হাইট এবং
alt দিয়ে অতিরিক্ত আরেকটি তথ্য বুঝাবে। যার কাজ হবে কোন কারণে যদি ইমেজটি না আসে বা অন্য সমস্যা হয় তখন alt এর যে লিখা থাকবে ব্রাউজার তা দেখাব।

আমাদের এখানে QuickTech Institute Logo লিখা আছে। এর দ্বারা ভিজিটর বুঝতে পারবেন যে এখানে একটা লগো ছিলো।

এভাবে style, lang,title, type,for,action,target,
সহ অনেক এট্রিবিউট আছে। আমরা কাজ করতে করতে এগুলো শিখে যাবো। এখন শুধু এতটুকু জানালেই হবে যে এট্রিবিউট এবং ভ্যালু কি।

ফেসবুক পেজে লাইক দিয়ে আমাদের সাথে একটিভ থাকুন 🙂

আমাদের কোর্স করার পর আপনার আর কোথাও সমস্যা হওয়ার কথা না। যদি সাপোর্ট লাগে তবে আপনি তা পাবেন ফ্রি তে।

ফ্রি সাপোর্ট জন্য জয়েন্ট করুন আমাদের অফিসিয়াল ফেসবুক গ্রুপে 👉https://www.facebook.com/groups/944766325975340

-ধন্যবাদ

ওয়েব ডিজাইন শিখুন সম্পূর্ণ কোর্স ফ্রি তে✍️

ওয়েব ডিজাইন নিয়ে ধারাবাহিক আলোচনা চলবে শুরু থেকে শেষ পর্যন্ত । যাদের শেখার আগ্রহ আছে তারা কুইকটেক আইটি সঙ্গে থাকুন ।

📝কোর্স মডিউল সম্পর্কে প্রাথমিক ধারণাঃ পর্ব- ২

ওয়েব ডিজাইন কোর্সে যা যা থাকছে
✔️এইচ টি এম এল (HTML)
✔️সি এস এস (CSS)
✔️বুটস্ট্রেপ (Bootstrap)
✔️জাভা স্ক্রিপ্ট(JavaScript) আরও অনেক কিছু....

এই কোর্স করার পর কেউ চাইলে ওয়েব ডিজাইনার হিসাবে ক্যারিয়ার গড়তে পারবেন। আবার শুধু পি এইচ পি (PHP) বা পি এইচ পি ফ্রেমওয়ার্ক লারাভেল নিয়েও কাজ করা সম্ভব হবে কোর্সের পর। প্রতিটি বিষয় এর উপর ধারাবাহিক আলোচনা করা হবে।

আমরা এইচ টি এম এল (HTML) দিয়ে শুরু করছি।

আমরা প্রতিটি বিষয় আলাদা আলাদা পর্ব আকারে আপনাদের সামনে উপস্থাপন করবো। থাকবে প্রতিটি বিষয়ের উপর শুরু থেকে শেষ পর্যন্ত আলোচনা। প্রতিটি পর্ব বুঝার জন্য থাকবে উদাহরণ ।

আপনাদের সাপোর্ট এর জন্য থাকবে আমাদের ফেসবুক গ্রুপ এর ব্যবস্থা। আপনাদের সকল সমস্যার সমাধান পাবেন সেখানে।

তাই ওয়েব ডিজাইন শিখুন বাসায় বসে সম্পূর্ণ ফ্রি। কুইকটেক ইনস্টিটিউ (QuickTech Institute) আছে আপনাদের পাশে।

এইচ টি এম এলঃ
এইচ টি এম এল(HTML) হচ্ছে একটি স্ট্যান্ডার্ড মার্ক আপ ভাষা যা দিয়ে ওয়েব পেজ তৈরি করা যায়। এটি দিয়ে আপনি একটি স্ট্যাটিক ওয়েব পেজ বা ওয়েব সাইট বানাতে পারবেন। প্রোগ্রামিং বা অন্যান্য ভাষা থেকে এটা শেখা সহজ ।

ফেসবুক পেজে লাইক দিয়ে আমাদের সাথে একটিভ থাকুন 🙂

ফ্রি সাপোর্ট জন্য জয়েন্ট করুন আমাদের অফিসিয়াল ফেসবুক গ্রুপে 👉https://www.facebook.com/groups/944766325975340

বাসায় থেকে ওয়েব ডিজাইন ফ্রি শেখার জন্য মেনশন করুন আপনার বন্ধুদের।😊

-ধন্যবাদ