5.1 একটি ট্যাগের শৈলী বৈশিষ্ট্য
এবং এইচটিএমএল সম্পর্কে আরও কিছু দরকারী জিনিস। ওয়েব জনপ্রিয়তা পেতে শুরু করার সাথে সাথে ওয়েব পৃষ্ঠাগুলিকে সুন্দর বা খুব সুন্দরভাবে ডিজাইন করার জন্য একটি ক্রমবর্ধমান চাহিদা ছিল। এই সমস্যাটি ব্যবহার করে সমাধান করা হয়েছিল । style
এই বৈশিষ্ট্যের সাধারণ ফর্ম নিম্নলিখিত বিন্যাস আছে:
<tag style="name=value;name2=value2;nameN=valueN">
অ্যাট্রিবিউট মান, style
একটি সেমিকোলন দ্বারা পৃথক করা, ট্যাগে প্রয়োগ করা প্রয়োজন এমন সমস্ত "স্টাইল" তালিকাভুক্ত করে৷
ধরা যাক আপনি একটি চিত্রকে একটি বর্গক্ষেত্র হিসাবে প্রদর্শন করতে চান 100*100
এবং এটিকে অর্ধেক স্বচ্ছ করতে চান। এটি করার জন্য, আপনাকে এটিতে বিশেষ শৈলী যুক্ত করতে হবে:
- প্রস্থ=100px;
- উচ্চতা=100px;
- অস্বচ্ছতা = 0.5;
তাহলে এই ছবির সাথে এইচটিএমএল কোডটি দেখতে এরকম হবে:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
শত শত, হাজার হাজার নয়, শৈলী আছে. এবং ব্রাউজার ডেভেলপাররা প্রতিনিয়ত নতুন নতুন নিয়ে আসছে। এটা ভালো যে আপনি একজন জাভা ডেভেলপার হতে অধ্যয়ন করছেন, ওয়েব ডিজাইনার নয় :)
5.2 জনপ্রিয় CSS শৈলী
এটা অসম্ভাব্য যে আপনি আপনার জীবনে প্রচুর এইচটিএমএল কোড লিখবেন বা এর শৈলী সম্পাদনা করবেন, তবে যে কোনও কিছু ঘটতে পারে। উদাহরণস্বরূপ, আপনি পরীক্ষা করার জন্য কয়েকটি ছোট HTML পৃষ্ঠা লিখছেন API
। অতএব, মৌলিক শৈলী জানা HTML
সহায়ক হতে পারে।
নীচে ব্যাকএন্ড বিকাশকারীদের জন্য সবচেয়ে সাধারণ 10টি রয়েছে:
# | নাম | উদাহরণ | বর্ণনা |
---|---|---|---|
1 | প্রস্থ | প্রস্থ: 100px | পিক্সেলে উপাদানের প্রস্থ |
2 | উচ্চতা | উচ্চতা: 50% | শতাংশ হিসাবে উপাদানের উচ্চতা (অভিভাবকের প্রস্থের) |
3 | প্রদর্শন | প্রদর্শন: কোনোটিই নয় | প্রদর্শন উপাদান (উপাদান প্রদর্শন করবেন না) |
4 | দৃশ্যমানতা | দৃশ্যমানতা: লুকানো | উপাদান দৃশ্যমানতা (উপাদান লুকানো আছে, কিন্তু স্থান এটির জন্য সংরক্ষিত) |
5 | রঙ | লাল রং; | লেখার রঙ |
6 | পেছনের রং | পটভূমির রঙ: ধোঁয়া | পেছনের রং |
7 | সীমান্ত | সীমানা: 1px কঠিন কালো; | সীমানা (প্রস্থ 1px, রঙ কালো, কঠিন লাইন) |
8 | ফন্ট | ফন্ট: verdana 10pt | ফন্ট: verdana, আকার 10pt |
9 | পাঠ্য-সারিবদ্ধ | টেক্সট-সারিবদ্ধ: কেন্দ্র; | অনুভূমিকভাবে পাঠ্য প্রান্তিককরণ |
10 | মার্জিন | মার্জিন: 2px | উপাদানের বাইরে প্যাডিং |
আপনার এই ট্যাগগুলি মনে রাখার দরকার নেই, সবকিছুই ইন্টারনেটে রয়েছে। তদুপরি, প্রতিটি "স্টাইল" এর নিজস্ব বৈধ মানগুলির সেট এবং মান বর্ণনা করার জন্য নিজস্ব বিন্যাস রয়েছে। অন্তত border
বা দেখুন font
।
GO TO FULL VERSION