এইচটিএমএল রেস্পন্সিভ ওয়েব ডিজাইন
রেস্পন্সিভ ওয়েব ডিজাইন কী?
রেস্পন্সিভ ওয়েব ডিজাইনের অর্থ হচ্ছে সকল ডিভাইসে আপনার ওয়েব পেজকে সুন্দর করে প্রদর্শন করা। এইচটিএমএল এবং সিএসএস ব্যবহার করে কন্টেন্ট পরিবর্তন,পরিবর্ধন বা সংকোচনের মাধ্যমে রেস্পন্সিভ ওয়েব ডিজাইন করা হয়ঃ
রেস্পন্সিভ ডিজাইন তৈরি
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
<style>
.home {
float: left;
margin: 5px;
padding: 15px;
max-width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>রেসপন্সিভ ওয়েব ডিজাইন</h1>
<div class="home">
<h2>ঢাকা</h2>
<p>ঢাকা বাংলাদেশের রাজধানী এবং ঢাকা বিভাগের প্রধান শহর। ঢাকা একটি মেগাসিটি এবং দক্ষিণ এশিয়ার অন্যতম প্রধান শহরও বটে। বুড়িগঙ্গা নদীর তীরে অবস্থিত এই শহর বাংলাদেশের বৃহত্তম শহর। ঢাকার মহানগর এলাকার জনসংখ্যা প্রায় ১ কোটি ৫০ লক্ষ।</p>
</div>
<div class="home">
<h2>চাঁদপুর</h2>
<p>বাংলাদেশের দক্ষিণ-পূর্বাঞ্চলের চট্টগ্রাম বিভাগের একটি প্রশাসনিক অঞ্চল। মেঘনা নদীর তীরে এ জেলা অবস্থিত। চাঁদপুরের মানুষ আতিথেয়তার জন্য বিখ্যাত।</p>
</div>
<div class="home">
<h2>রাজশাহী</h2>
<p>রাজশাহী বাংলাদেশের উত্তরাঞ্চলের (উত্তরবঙ্গের) একটি প্রধান শহর | এটি রাজশাহী বিভাগ এর রাজশাহী জেলার অন্তর্গত । রাজশাহী শহর বিখ্যাত পদ্মা নদীর তীরে অবস্থিত। এটি রাজশাহী বিভাগের বিভাগীয় শহর। </p>
</div>
</body>
</html>
ফলাফল