এইচটিএমএল
🌈এইচটিএমএল কি?
📋এইচটিএমএল হলো ব্যবহারকারীর কাজ থেকে তথ্য সংগ্রহ করার পদ্ধতি।
⚒️এইচটিএমএল ব্যবহারকারীর কাজ থেকে তথ্য সংগ্রহ করতে ব্যবহৃত হয়।
এইচটিএমএল সমূহ
এইচটিএমএল এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ form - ফর্ম তৈরি করা
- ➡️ label - বর্ণনা সেট করা
- ➡️ fieldset - ফর্মের সীমানা তৈরি করা
- ➡️ legend - ফর্মের উপকথা সেট করা
- ➡️ input - ডেটা গ্রহন করা
- ➡️ textarea - ডেটা গ্রহন করা
- ➡️ select - মান নির্বাচন করা
- ➡️ option - অপশন তৈরি করা
- ➡️ optgroup - দলবদ্ধ অপশন তৈরি করা
- ➡️ datalist - ডেটা তালিকা তৈরি করা
- ➡️ output - কার্যকর ফলাফল প্রদর্শন করা
form - ফর্ম তৈরি করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label>
<input type="text" name="name"><br><br>
<label>আপনার দেশ</label>
<input type="text" name="land"><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>
label - বর্ণনা সেট করার উদাহরণ।
html
<form>
<label>আপনার নাম</label><br>
<input type="text" name="name">
</form>
fieldset - ফর্মের সীমানা তৈরি করার উদাহরণ।
html
<fieldset>
<form>
<label>আপনার নাম</label>
<input type="text" name="name"><br><br>
<label>আপনার দেশ</label>
<input type="text" name="land"><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>
</fieldset>
legend - ফর্মের উপকথা সেট করার উদাহরণ।
html
<fieldset>
<legend>আপনার মন্তব্য লিখুন</legend>
<form>
<label>আপনার নাম</label>
<input type="text" name="name"><br><br>
<label>আপনার দেশ</label>
<input type="text" name="land"><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>
</fieldset>
input - ডেটা গ্রহন করার উদাহরণ।
html
<form>
<label>আপনার নাম</label>
<input type="text" name="land">
<input type="submit" name="submit" value="সেভ করুন">
</form>
textarea - ডেটা গ্রহন করার উদাহরণ।
html
<textarea rows="10" cols="20">
তথ্য জমা দিন
</textarea>
select - মান নির্বাচন করার উদাহরণ।
html
<select>
<option value="বাংলাদেশ">বাংলাদেশ</option>
<option value="নেদারল্যান্ড">নেদারল্যান্ড</option>
<option value="আফগানিস্তান">আফগানিস্তান</option>
</select>
option - অপশন তৈরি করার উদাহরণ।
html
<select>
<option value="বাংলাদেশ">বাংলাদেশ</option>
<option value="নেদারল্যান্ড">নেদারল্যান্ড</option>
<option value="আফগানিস্তান">আফগানিস্তান</option>
</select>
optgroup - দলবদ্ধ অপশন তৈরি করার উদাহরণ।
html
<optgroup label="ফ্রন্টএন্ড">
<option>এইচটিএমএল</option>
<option>সিএসএস</option>
</optgroup>
<optgroup label="ব্যাকএন্ড">
<option>পিএইচপি</option>
<option>জাভা</option>
<option>পাইথন</option>
<option>জাভাস্ক্রিপ্ট</option>
</optgroup>
datalist - ডেটা তালিকা তৈরি করার উদাহরণ।
html
<form>
<label>একটি দেশ নির্বাচন করুন</label><br>
<input list="countries" name="country">
<datalist id="countries">
<option value="বাংলাদেশ">
<option value="নেদারল্যান্ড">
<option value="আফগানিস্তান">
</datalist><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
output - কার্যকর ফলাফল প্রদর্শন করার উদাহরণ।
html
<form oninput="total.value = quantity.value * 10">
<label>পরিমাণ</label>
<input type="number" name="quantity" value="1" min="1"><br>
<label>মোট</label>
<output name="total">10</output> BDT
</form>
এইচটিএমএল সম্পর্কিত বিস্তারিত তথ্য
কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক
| নাম | বিবরণ |
|---|---|
| form | ফর্ম তৈরি করতে ব্যবহৃত হয়। |
| label | বর্ণনা সেট করতে ব্যবহৃত হয়। |
| fieldset | ফর্মের সীমানা তৈরি করতে ব্যবহৃত হয়। |
| legend | ফর্মের উপকথা সেট করতে ব্যবহৃত হয়। |
| input | ডেটা গ্রহন করতে ব্যবহৃত হয়। |
| textarea | ডেটা গ্রহন করতে ব্যবহৃত হয়। |
| select | মান নির্বাচন করতে ব্যবহৃত হয়। |
| option | অপশন তৈরি করতে ব্যবহৃত হয়। |
| optgroup | দলবদ্ধ অপশন তৈরি করতে ব্যবহৃত হয়। |
| datalist | ডেটা তালিকা তৈরি করতে ব্যবহৃত হয়। |
| output | কার্যকর ফলাফল প্রদর্শন করতে ব্যবহৃত হয়। |