Blog Detail

Sept. 14, 2024 By admin

Bengali 40 Simple HTML CSS Question and Answer

এই প্রশ্ন-উত্তরগুলি নতুন শিক্ষার্থীদের জন্য ওয়েব ডিজাইন এবং ডেভেলপমেন্টের মৌলিক ধারণা দিতে সাহায্য করবে।

প্রশ্ন ১:

HTML কি?

উত্তর:
HTML (HyperText Markup Language) হল একটি মার্কআপ ল্যাঙ্গুয়েজ, যা ওয়েব পেজ তৈরি করতে ব্যবহৃত হয়। এটি পেজের কাঠামো নির্ধারণ করে এবং বিভিন্ন উপাদান (টেক্সট, ইমেজ, লিঙ্ক ইত্যাদি) যুক্ত করে।

প্রশ্ন ২:

CSS কি?

উত্তর:
CSS (Cascading Style Sheets) হল একটি স্টাইল শীট ল্যাঙ্গুয়েজ, যা HTML ডকুমেন্টের লেআউট এবং স্টাইলিং (যেমন রঙ, ফন্ট, মার্জিন ইত্যাদি) নির্ধারণ করতে ব্যবহৃত হয়।

প্রশ্ন ৩:

ওয়েব ডিজাইনের জন্য কোন দুটি মূল প্রযুক্তি ব্যবহার করা হয়?

উত্তর:
ওয়েব ডিজাইনের জন্য HTML এবং CSS দুইটি মূল প্রযুক্তি ব্যবহার করা হয়। HTML দিয়ে পেজের স্ট্রাকচার তৈরি করা হয় এবং CSS দিয়ে তার স্টাইল ও লেআউট নির্ধারণ করা হয়।

প্রশ্ন ৪:

ওয়েব পেজে ইমেজ যুক্ত করতে কোন HTML ট্যাগ ব্যবহার করা হয়?

উত্তর:
ওয়েব পেজে ইমেজ যুক্ত করতে <img> ট্যাগ ব্যবহার করা হয়। উদাহরণ: <img src="image.jpg" alt="image description">

প্রশ্ন ৫:

ওয়েব পেজের হেডার অংশের জন্য কোন HTML ট্যাগ ব্যবহার করা হয়?

উত্তর:
ওয়েব পেজের হেডার অংশের জন্য <header> ট্যাগ ব্যবহার করা হয়। এটি ওয়েবসাইটের টাইটেল, লোগো বা নেভিগেশন লিঙ্কগুলি যুক্ত করতে ব্যবহৃত হয়।

প্রশ্ন ৬:

CSS-এর মাধ্যমে টেক্সটের রঙ পরিবর্তন করতে কোন প্রপার্টি ব্যবহার করা হয়?

উত্তর:
CSS-এ color প্রপার্টি ব্যবহার করে টেক্সটের রঙ পরিবর্তন করা হয়। উদাহরণ:

css

p { color: blue; }

প্রশ্ন ৭:

রেসপনসিভ ডিজাইন কি?

উত্তর:
রেসপনসিভ ডিজাইন হল একটি ওয়েব ডিজাইন কৌশল, যার মাধ্যমে ওয়েব পেজ বিভিন্ন ডিভাইসের (মোবাইল, ট্যাবলেট, কম্পিউটার) স্ক্রিন সাইজ অনুযায়ী অটোমেটিকভাবে পরিবর্তিত হয়।

প্রশ্ন ৮:

HTML ডকুমেন্টের জন্য কোন ডকটাইপ ব্যবহার করা হয়?

উত্তর:
HTML5 ডকুমেন্টের জন্য <!DOCTYPE html> ব্যবহার করা হয়। এটি ব্রাউজারকে জানায় যে এটি একটি HTML5 ডকুমেন্ট।

প্রশ্ন ৯:

একটি ওয়েব পেজে হাইপারলিংক তৈরির জন্য কোন ট্যাগ ব্যবহার করা হয়?

উত্তর:
ওয়েব পেজে হাইপারলিংক তৈরির জন্য <a> ট্যাগ ব্যবহার করা হয়। উদাহরণ:

html

<a href="https://example.com">Click here</a>

প্রশ্ন ১০:

CSS-এ margin এবং padding-এর মধ্যে পার্থক্য কী?

উত্তর:
margin একটি উপাদানের বাইরে থেকে স্পেস তৈরি করে, আর padding উপাদানের ভেতরে থেকে স্পেস তৈরি করে। অর্থাৎ, margin বাইরে স্পেস দেয় এবং padding উপাদানের ভেতরের কন্টেন্ট ও বর্ডারের মধ্যে স্পেস দেয়।

প্রশ্ন ১১:

HTML ট্যাগ কী?

উত্তর:
HTML ট্যাগ হল কোডের একটি অংশ, যা ব্রাউজারকে নির্দেশ দেয় কীভাবে পেজের বিষয়বস্তু প্রদর্শন করতে হবে। প্রতিটি ট্যাগ একটি ওপেনিং এবং একটি ক্লোজিং ট্যাগের মধ্যে থাকে, যেমন <p> এবং </p>।

প্রশ্ন ১২:

CSS ফাইল কীভাবে HTML-এ যুক্ত করা হয়?

উত্তর:
CSS ফাইল HTML-এ যুক্ত করতে <link> ট্যাগ ব্যবহার করা হয়, যা head সেকশনে থাকে। উদাহরণ:

html

<link rel="stylesheet" href="styles.css">

প্রশ্ন ১৩:

HTML-এর কোন ট্যাগটি একটি নতুন লাইন তৈরি করে?

উত্তর:
HTML-এ <br> ট্যাগ একটি নতুন লাইন তৈরি করতে ব্যবহৃত হয়।

প্রশ্ন ১৪:

CSS-এ কোন প্রপার্টি ফন্টের সাইজ পরিবর্তন করে?

উত্তর:
font-size প্রপার্টি CSS-এ ফন্টের সাইজ নির্ধারণ করতে ব্যবহৃত হয়। উদাহরণ:

css

p { font-size: 16px; }

প্রশ্ন ১৫:

ওয়েব পেজে ইন্টারেক্টিভ কন্টেন্ট যুক্ত করতে কোন ল্যাঙ্গুয়েজ ব্যবহার করা হয়?

উত্তর:
ওয়েব পেজে ইন্টারেক্টিভ কন্টেন্ট যুক্ত করতে JavaScript ব্যবহার করা হয়।

প্রশ্ন ১৬:

একটি লিঙ্কে নতুন ট্যাবে খোলার জন্য কোন HTML অ্যাট্রিবিউট ব্যবহার করা হয়?

উত্তর:
লিঙ্কে নতুন ট্যাবে খোলার জন্য target="_blank" অ্যাট্রিবিউট ব্যবহার করা হয়। উদাহরণ:

html

<a href="https://example.com" target="_blank">Visit Example</a>

প্রশ্ন ১৭:

CSS-এ একটি উপাদানের ব্যাকগ্রাউন্ড রঙ পরিবর্তন করতে কোন প্রপার্টি ব্যবহার করা হয়?

উত্তর:
background-color প্রপার্টি একটি উপাদানের ব্যাকগ্রাউন্ড রঙ নির্ধারণ করতে ব্যবহৃত হয়। উদাহরণ:

css

div { background-color: yellow; }

প্রশ্ন ১৮:

HTML-এ একটি টেবিল তৈরি করতে কোন ট্যাগগুলি ব্যবহৃত হয়?

উত্তর:
HTML-এ একটি টেবিল তৈরি করতে <table>, <tr>, এবং <td> ট্যাগগুলি ব্যবহৃত হয়। উদাহরণ:

html

<table> <tr> <td>Data 1</td> <td>Data 2</td> </tr> </table>

প্রশ্ন ১৯:

JavaScript এর কোন ফাংশন ব্রাউজারে একটি পপ-আপ অ্যালার্ট দেখায়?

উত্তর:
JavaScript-এ alert() ফাংশন ব্যবহার করে পপ-আপ অ্যালার্ট দেখানো হয়। উদাহরণ:

javascript

alert("Hello, World!");

প্রশ্ন ২০:

HTML-এ কোন অ্যাট্রিবিউট একটি ইমেজের বিকল্প টেক্সট দেখাতে ব্যবহৃত হয়?

উত্তর:
alt অ্যাট্রিবিউট HTML-এ ইমেজের বিকল্প টেক্সট দেখাতে ব্যবহৃত হয়। উদাহরণ:

html

<img src="image.jpg" alt="Image description">

প্রশ্ন ২১:

CSS-এ কোন প্রপার্টি একটি টেক্সটকে সেন্টার করতে ব্যবহার করা হয়?

উত্তর:
text-align: center; CSS-এ টেক্সটকে সেন্টার করার জন্য ব্যবহার করা হয়।

প্রশ্ন ২২:

HTML-এ একটি ফর্ম তৈরির জন্য কোন ট্যাগ ব্যবহার করা হয়?

উত্তর:
HTML-এ একটি ফর্ম তৈরির জন্য <form> ট্যাগ ব্যবহার করা হয়। উদাহরণ:

html

<form action="/submit" method="POST"> <input type="text" name="name"> <button type="submit">Submit</button> </form>

প্রশ্ন ২৩:

JavaScript-এর সাহায্যে কিভাবে কোনো উপাদান লুকানো যায়?

উত্তর:
JavaScript-এ CSS এর display প্রপার্টি পরিবর্তন করে উপাদান লুকানো যায়। উদাহরণ:

javascript

document.getElementById("myElement").style.display = "none";

প্রশ্ন ২৪:

HTML5-এ কোন ট্যাগটি একটি ভিডিও এম্বেড করতে ব্যবহৃত হয়?

উত্তর:
HTML5-এ একটি ভিডিও এম্বেড করতে <video> ট্যাগ ব্যবহার করা হয়। উদাহরণ:

html

<video controls> <source src="video.mp4" type="video/mp4"> </video>

প্রশ্ন ২৫:

CSS-এ কোন প্রপার্টি একটি উপাদানের বাইরের স্পেস কন্ট্রোল করে?

উত্তর:
margin প্রপার্টি একটি উপাদানের বাইরের স্পেস নিয়ন্ত্রণ করে।

প্রশ্ন ২৬:

একটি ওয়েব পেজকে মোবাইল ফ্রেন্ডলি করার জন্য কোন CSS কৌশল ব্যবহার করা হয়?

উত্তর:
ওয়েব পেজকে মোবাইল ফ্রেন্ডলি করার জন্য রেসপনসিভ ডিজাইন এবং মিডিয়া কুয়েরিজ ব্যবহার করা হয়।

প্রশ্ন ২৬:

HTML-এ কোন ট্যাগটি পেজের টাইটেল নির্ধারণ করে?

উত্তর:
<title> ট্যাগ HTML ডকুমেন্টের টাইটেল নির্ধারণ করে, যা ব্রাউজারের ট্যাবে প্রদর্শিত হয়।

প্রশ্ন ২৭:

HTML-এ হেডিং ট্যাগের সর্বনিম্ন স্তর কী?

উত্তর:
HTML-এ হেডিং ট্যাগের সর্বনিম্ন স্তর হল <h6>, এবং সর্বোচ্চ স্তর হল <h1>।

প্রশ্ন ২৮:

CSS-এ কোন প্রপার্টি বর্ডারের চারপাশে শ্যাডো যোগ করতে ব্যবহৃত হয়?

উত্তর:
box-shadow প্রপার্টি CSS-এ বর্ডারের চারপাশে শ্যাডো যোগ করতে ব্যবহৃত হয়। উদাহরণ:

css

div { box-shadow: 5px 5px 10px gray; }

প্রশ্ন ২৯:

HTML-এ কোন ট্যাগটি ওয়েব পেজের লিঙ্ক যুক্ত করতে ব্যবহার করা হয়?

উত্তর:
HTML-এ লিঙ্ক যুক্ত করতে <a> ট্যাগ ব্যবহার করা হয়। উদাহরণ:

html

<a href="https://example.com">Visit Example</a>

প্রশ্ন ৩০:

CSS-এ ফন্টের স্টাইল নির্ধারণ করতে কোন প্রপার্টি ব্যবহার করা হয়?

উত্তর:
font-style প্রপার্টি CSS-এ ফন্টের স্টাইল নির্ধারণ করতে ব্যবহৃত হয়। উদাহরণ:

css

p { font-style: italic; }

প্রশ্ন ৩১:

HTML এবং CSS-এ কমেন্ট যোগ করার জন্য কী কী সিনট্যাক্স ব্যবহার করা হয়?

উত্তর:
HTML-এ কমেন্ট যোগ করতে:

html

CSS-এ কমেন্ট যোগ করতে:

css

/* This is a comment */

প্রশ্ন ৩২:

CSS ফ্লেক্সবক্স (Flexbox) কী?

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

প্রশ্ন ৩৩:

CSS-এর মাধ্যমে কোন প্রপার্টি উপাদানের প্রস্থ নিয়ন্ত্রণ করে?

উত্তর:
width প্রপার্টি CSS-এ উপাদানের প্রস্থ নিয়ন্ত্রণ করতে ব্যবহৃত হয়।

প্রশ্ন ৩৪:

HTML5-এ একটি অডিও ফাইল এম্বেড করতে কোন ট্যাগ ব্যবহার করা হয়?

উত্তর:
HTML5-এ একটি অডিও ফাইল এম্বেড করতে <audio> ট্যাগ ব্যবহার করা হয়। উদাহরণ:

html

<audio controls> <source src="audio.mp3" type="audio/mpeg"> </audio>

প্রশ্ন ৩৫:

JavaScript দিয়ে কিভাবে কোনো HTML উপাদান নির্বাচন করা যায়?

উত্তর:
JavaScript দিয়ে HTML উপাদান নির্বাচন করতে document.getElementById() বা document.querySelector() ফাংশন ব্যবহার করা হয়। উদাহরণ:

javascript

document.getElementById("myElement");

প্রশ্ন ৩৬:

CSS-এ কোন প্রপার্টি একটি উপাদানকে অনমনীয় করতে ব্যবহৃত হয়?

উত্তর:
position: fixed; প্রপার্টি CSS-এ উপাদানকে অনমনীয় করতে ব্যবহার করা হয়, অর্থাৎ স্ক্রলিংয়ের সময় উপাদানটি তার অবস্থান বজায় রাখে।

প্রশ্ন ৩৭:

HTML-এ <head> ট্যাগের মধ্যে কী কী থাকে?

উত্তর:
HTML-এ <head> ট্যাগের মধ্যে পেজের মেটা তথ্য, যেমন টাইটেল, স্টাইলশীট, স্ক্রিপ্ট এবং মেটা ট্যাগ থাকে।

প্রশ্ন ৩৮:

CSS-এ কোন প্রপার্টি ফন্টের ওজন (weight) নির্ধারণ করতে ব্যবহৃত হয়?

উত্তর:
font-weight প্রপার্টি CSS-এ ফন্টের ওজন বা বোল্ডনেস নির্ধারণ করতে ব্যবহৃত হয়। উদাহরণ:

css

p { font-weight: bold; }

প্রশ্ন ৩৯:

HTML-এ কোন অ্যাট্রিবিউট একটি লিঙ্ককে একটি নির্দিষ্ট ID-তে স্ক্রোল করে নিয়ে যেতে পারে?

উত্তর:
href="#id" অ্যাট্রিবিউট ব্যবহার করে একটি লিঙ্ককে নির্দিষ্ট ID-তে স্ক্রোল করা যায়। উদাহরণ:

html

<a href="#section1">Go to Section 1</a>

প্রশ্ন ৪০:

CSS-এর মাধ্যমে কোন প্রপার্টি একটি উপাদানকে হিডেন করতে ব্যবহার করা হয়?

উত্তর:
CSS-এ visibility: hidden; অথবা display: none; প্রপার্টি ব্যবহার করে উপাদানকে হিডেন করা যায়।
visibility: hidden; উপাদানকে হিডেন করে কিন্তু তার স্থান বজায় রাখে, আর display: none; উপাদানকে সম্পূর্ণভাবে ডকুমেন্ট থেকে সরিয়ে দেয়।

REPLY NOW

Blog Detail

Bengali 40 Simple HTML CSS Question and Answer

প্রশ্ন ১:

প্রশ্ন ২:

প্রশ্ন ৩:

প্রশ্ন ৪:

প্রশ্ন ৫:

প্রশ্ন ৬:

প্রশ্ন ৭:

প্রশ্ন ৮:

প্রশ্ন ৯:

প্রশ্ন ১০:

প্রশ্ন ১১:

প্রশ্ন ১২:

প্রশ্ন ১৩:

প্রশ্ন ১৪:

প্রশ্ন ১৫:

প্রশ্ন ১৬:

প্রশ্ন ১৭:

প্রশ্ন ১৮:

প্রশ্ন ১৯:

প্রশ্ন ২০:

প্রশ্ন ২১:

প্রশ্ন ২২:

প্রশ্ন ২৩:

প্রশ্ন ২৪:

প্রশ্ন ২৫:

প্রশ্ন ২৬:

প্রশ্ন ২৬:

প্রশ্ন ২৭:

প্রশ্ন ২৮:

প্রশ্ন ২৯:

প্রশ্ন ৩০:

প্রশ্ন ৩১:

প্রশ্ন ৩২:

প্রশ্ন ৩৩:

প্রশ্ন ৩৪:

প্রশ্ন ৩৫:

প্রশ্ন ৩৬:

প্রশ্ন ৩৭:

প্রশ্ন ৩৮:

প্রশ্ন ৩৯:

প্রশ্ন ৪০:

Related Blog

Bengali 100 Basic Computer Questions and Answers

50 Questions and Answer about MS Office Word

Leave A Reply

Recent Post

সম্পূর্ণ বাংলায় ৮০টি MCQ QUESTIONS

DISPLAY প্রযুক্তির ক্রমবিকাশ ও তার প্রভাব

কম্পিউটারের পারফরম্যান্সে CPU-এর ভূমিকা ও গুরুত্ব

Category