কম্পিউটার টিউটোরিয়াল

HTML এবং CSS-এর পার্থক্য


এই পোস্টে আমরা HTML এবং CSS-এর পার্থক্য বুঝব।

HTML

  • এটি Hyper Text Markup Language-এর সংক্ষিপ্ত রূপ।

  • এটি ওয়েব পেজ এবং অ্যাপ্লিকেশন তৈরিতে সাহায্য করে।

  • এটি ওয়েব পেজের কাঠামো নির্ধারণে সাহায্য করে।

  • এটি একটি মার্কআপ ল্যাঙ্গুয়েজ।

  • এটি স্ট্যাটিক পেজ তৈরিতেও সাহায্য করে।

  • এটি ডেটা প্রদর্শনে সাহায্য করে।

  • HyperText একাধিক ওয়েব পেজের মধ্যে লিংক নির্ধারণে সাহায্য করে।

  • Markup Language ট্যাগ ব্যবহার করে টেক্সট ডকুমেন্টকে কাঠামোবদ্ধ করে।

  • এটির ব্যাকআপ এবং সাপোর্ট অপশন কম।

  • HTML কে CSS শীটের ভিতরে ব্যবহার করা যায় না।

  • এটি টেক্সটকে অ্যানোটেট করে যাতে সিস্টেম সেটি বুঝতে পারে এবং ব্যবহার করতে পারে।

  • HTML-এ নির্দিষ্ট সংখ্যক ট্যাগ রয়েছে।

  • এই ট্যাগগুলো পূর্বনির্ধারিত।

  • ডেটা ট্যাগের ভিতরে থাকে।

  • ক্লোজিং ট্যাগ বাধ্যতামূলক নয়।

HTML-এর একটি উদাহরণ −

উদাহরণ

<!DOCTYPE html> <html> <head>    <title>My title</title> </head> <body>    <h1>title</h1>    <p>A sample</p> </body> </html>

আউটপুট

HTML এবং CSS-এর পার্থক্য

CSS

  • এটি ওয়েব পেজ স্টাইল করতে সাহায্য করে।

  • এটি বিভিন্ন স্টাইলিং ফিচার ব্যবহার করে একই কাজ করে।

  • এটি 'selectors' এবং 'declaration blocks' ব্যবহার করে।

  • এটি এক্সটার্নাল ফাইল বা ইন্টার্নাল ফাইল হতে পারে, প্রয়োজন অনুযায়ী।

  • CSS কে HTML ডকুমেন্টের ভিতরে ব্যবহার করা যায়।

  • এটি ডেটা প্রদর্শনে ব্যবহার করা যায়।

  • HTML-এর তুলনায় এর ব্যাকআপ এবং সাপোর্ট বেশি।

CSS-এর একটি উদাহরণ −

উদাহরণ

<style> p {    color: pink;    text-align: left; } </style>

  1. CSS border-collapse: collapse এবং separate এর পার্থক্য

  2. CSS Border এবং Outline-এর পার্থক্য বোঝা

  3. CSS Display এবং Visibility-এর পার্থক্য

  4. CSS-এ Pseudo-Class এবং Pseudo-Element-এর পার্থক্য