এইচটিএমএল এবং সিএসএস এর মধ্যে পার্থক্য

Anonim

এইচটিএমএল বনাম সিএসএস

হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, ব্যাপকভাবে এইচটিএমএল নামে পরিচিত হয় ওয়েব পেইজের জন্য নেতৃস্থানীয় মার্কআপ ল্যাঙ্গুয়েজ। এইচটিএমএল হল ওয়েব পৃষ্ঠার মৌলিক বিল্ডিং ব্লক। ওয়েব ব্রাউজার এইচটিএমএল ডকুমেন্টটি পড়েন এবং তাদের ভিজুয়াল বা শ্রাব্য ওয়েব পেজগুলিতে আবদ্ধ করেন। ক্যাসকেডিং স্টাইল শীটস (সিএসএস) একটি ভাষা যা একটি মার্ক আপ ল্যাঙ্গুয়েজ ব্যবহার করে লিখিত ডকুমেন্টের চেহারা এবং বিন্যাসকে বর্ণনা করে। এইচটিএমএলতে লেখা CSS পৃষ্ঠাগুলির জন্য CSS ব্যাপকভাবে ব্যবহৃত হয়

এইচটিএমএল কি?

এইচটিএমএল, আগে উল্লিখিত একটি মার্কআপ ভাষা, প্রোগ্রামিং ভাষা নয়। একটি মার্কআপ ল্যাঙ্গুয়েজ মার্ক আপ ট্যাগের একটি সেট এবং এইচটিএমএল মার্কপেজ ট্যাগ ব্যবহার করে, যা সাধারণত ওয়েব ট্যাগগুলির বর্ণনা দিতে এইচটিএমএল ট্যাগ বলে থাকে। এইচটিএমএল নথি ওয়েব পেজগুলি বর্ণনা করে এবং তাদের এইচটিএমএল ট্যাগ এবং প্লেইন টেক্সট রয়েছে। এইচটিএমএল ট্যাগগুলি সহজে একটি এইচটিএমএল ডকুমেন্টে সনাক্ত করা যায় কারণ তারা কোণ বন্ধনী দ্বারা আচ্ছাদিত (ই। জি)। এইচটিএমএল ট্যাগ সাধারণত জোড়ায় একটি ডকুমেন্টে ঢোকানো হয়, যেখানে প্রথম ট্যাগ হল প্রথম ট্যাগ (ই। জি। ) এবং দ্বিতীয় ট্যাগ শেষ ট্যাগ (ইজি। )। একটি ওয়েব ব্রাউজারের কাজ (যেমন ইন্টারনেট এক্সপ্লোরার, ফায়ারফক্স, ইত্যাদি) একটি এইচটিএমএল ডকুমেন্ট পড়া এবং এটি একটি ওয়েব পেজ হিসাবে প্রদর্শন করা হয়। ব্রাউজারটি এইচটিএমএল ট্যাগ ব্যবহার করে পৃষ্ঠাটির বিষয়বস্তু ব্যাখ্যা করতে এবং এইচটিএমএল ট্যাগগুলি ব্রাউজার দ্বারা প্রদর্শিত হয় না। এইচটিএমএল পেজ জাভাস্ক্রিপ্ট মত ভাষা লিখিত ইমেজ, বস্তু এবং স্ক্রিপ্ট এম্বেড করতে পারেন। উপরন্তু, এইচটিএমএল ইন্টারেক্টিভ ফর্ম তৈরি করতে ব্যবহার করা যেতে পারে।

--২ ->

CSS কি?

যেমন আগে উল্লেখ করা হয়েছে, সিএসএস সংজ্ঞায়িত করে কিভাবে একটি এইচটিএমএল উপাদান একটি পৃষ্ঠায় প্রদর্শিত হবে। মূলত, এইচটিএমএলটি একটি নথির বিন্যাসকরণের জন্য ট্যাগ করার উদ্দেশ্যে নয়, তবে বিষয়বস্তু সংজ্ঞায়িত করার জন্য নয়। কিন্তু, এইচটিএমএল 3 এর মত ট্যাগগুলি প্রবর্তন করা। 2 ওয়েব ডেভেলপারদের জীবনকে খুব কঠিন করে তোলে। যখন বড় ওয়েব সাইটগুলি তৈরি করা হয়, তখন প্রতিটি পৃষ্ঠাতে ফন্ট এবং রঙের তথ্য যুক্ত করা একটি অত্যন্ত জটিল প্রক্রিয়া হয়ে ওঠে। এই সমস্যার সমাধান হিসাবে, ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম (W3C) সিএসএস তৈরি করেছে। এইচটিএমএল 4. 0 সব বিন্যাসকে এইচটিএমএল ডকুমেন্ট থেকে সরিয়ে দিতে এবং একটি পৃথক সিএসএস ফাইলে সংরক্ষণ করতে অনুমতি দেয়। সিএসএস ডকুমেন্ট উপস্থাপনা যেমন লেআউট, রং এবং ফন্টগুলি থেকে নথি সামগ্রী বিচ্ছিন্ন করে দেয়। এটি একাধিক ওয়েব পৃষ্ঠাগুলিকে একই ফর্ম্যাটিং ভাগ করার অনুমতি দেবে এবং কাঠামোগত সামগ্রীতে জটিলতা ও পুনরাবৃত্তি কমাবে। সিএসএস একই মার্কআপ পেজকে বিভিন্ন স্তরে উপস্থাপিত করতে পারে যা পাঠকদেরকে একটি ওয়েব পেজের লেখক দ্বারা চিহ্নিত করার জন্য একটি ভিন্ন স্টাইল শীট নির্বাচন করতে দেয়। আজ CSS সব ব্রাউজার দ্বারা ব্যাপকভাবে ব্যবহৃত এবং সমর্থিত।

এইচটিএমএল এবং সিএসএস এর মধ্যে পার্থক্য

এইচটিএমএল এবং সিএসএস এর মধ্যে প্রধান পার্থক্য হচ্ছে এইচটিএমএল একটি মার্কআপ ল্যাঙ্গুয়েজ যা ওয়েব পেজের বিষয়বস্তু নির্দিষ্ট করতে ব্যবহৃত হয়, আর CSS হল একটি স্টাইল শীট ল্যাঙ্গুয়েজ যে ওয়েব পৃষ্ঠার ফর্ম্যাটিং নির্দিষ্ট করতে ব্যবহৃত হয়এইচটিএমএল এছাড়াও একটি ওয়েব পৃষ্ঠার বিন্যাস উল্লেখ করতে পারেন, যদিও এই উদ্দেশ্যে সিএসএস অধিক কার্যকর হবে, এটি উপস্থাপনা এবং সাইট-ব্যাপক সঙ্গতি থেকে কন্টেন্ট বিচ্ছেদ অনুমতি দেবে, যেহেতু।