এইচটিএমএল লেআউট
kt_satt_skill_example_id=1511
এইচটিএমএল লেআউট এলিমেন্ট
প্রায়ই ওয়েবসাইটগুলো একাধিক কলামে কন্টেন্ট প্রদর্শন করে।
ওয়েবসাইটের বিভিন্ন অংশ তৈরি করার ক্ষেত্রে শব্দগত মিল রেখে এইচটিএমএল(৫) এ নতুন কিছু সিমেন্টিক এলিমেন্ট সংযোজন করা হয়েছেঃ
- < header > - ডকুমেন্ট বা সেকশনের হেডার তৈরি করার জন্য ব্যবহার করা হয়
- < nav > - নেভিগেশন লিঙ্ক তৈরি করার জন্য ব্যবহার করা হয়
- < section > - ডকুমেন্টে সেকশন তৈরি করার জন্য ব্যবহার করা হয়
- < article > - একটি আর্টিকেল তৈরি করার জন্য ব্যবহার করা হয়
- < aside > - কন্টেন্টকে কন্টেন্টের পাশে রাখতে ব্যবহার করা হয়
- < footer > - ডকুমেন্ট বা সেকশনের ফুটার তৈরি করার জন্য ব্যবহার করা হয়
- < details > - অতিরিক্ত তথ্য প্রদানের জন্য ব্যবহার করা হয়
- < summary > - < details > এলিমেন্টের হেডিং তৈরি করার জন্য ব্যবহার করা হয়
এইচটিএমএল লেআউট কৌশল
মাল্টিকলাম লেআউট তৈরির জন্য ৪ টা ভিন্ন পদ্ধতি রয়েছেঃ
- সিএসএস ফ্লোট(float) প্রোপার্টি
- সিএসএস ফ্রেমওয়ার্ক
- সিএসএস ফ্লেক্সবক্স(flexbox)
ব্যবহার
সিএসএস ফ্রেমওয়ার্ক
যদি আপনি মোবাইল-ফার্স্ট রেস্পন্সিভ লেআউট তৈরি করতে চান, তাহলে আপনি ফ্রেমওয়ার্ক ব্যবহার করতে পারেন। যেমনঃ বুটস্ট্রাপ।
সিএসএস ফ্লোট(float)
সিএসএস ফ্লোট(float) প্রোপার্টি ব্যবহার করে সম্পূর্ন ওয়েব লেআউট তৈরি করতে পারবেন। শুধু মনে রাখতে হবে float ও clear প্রোপার্টি কিভাবে কাজ করে।
ফ্লোটের উদাহরণ
kt_satt_skill_example_id=1512
Content added || updated By
Read more
