HTML রেস্পন্সিভ ওয়েব ডিজাইন
শুক্রবার, ১৯ জুলাই, ২০১৯
Comment
রেস্পন্সিভ ডিজাইন তৈরি:
উদাহরণ-
<!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>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ "HTML রেস্পন্সিভ ওয়েব ডিজাইন"
একটি মন্তব্য পোস্ট করুন