এইচটিএমএল
🌈এইচটিএমএল কি?
📋এইচটিএমএল হলো বিভিন্ন এলিমেন্ট তৈরি করার পদ্ধতি।
⚒️এইচটিএমএল বিভিন্ন এলিমেন্ট তৈরি করতে ব্যবহৃত হয়।
এইচটিএমএল সমূহ
এইচটিএমএল এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ body - ওয়েবপেজের দৃশ্যমান অংশ প্রদর্শন করা
- ➡️ header - হেডার শাখা তৈরি করা
- ➡️ nav - নেভিগেশন বার তৈরি করা
- ➡️ aside - পার্শ্ববর্তী কনটেন্ট তৈরি করা
- ➡️ article - স্বতন্ত্র কনটেন্ট উপস্থাপনা করা
- ➡️ section - কনটেন্ট সেকসন তৈরি করা
- ➡️ a - হাইপারলিঙ্ক তৈরি করা
- ➡️ img - ছবি প্রদর্শন করা
- ➡️ button - ক্লিকযোগ্য বাটন তৈরি করা
- ➡️ iframe - আইফ্রেম তৈরি করা
- ➡️ details - বিবরণ তৈরি করা
- ➡️ footer - ফুটার সেকশন তৈরি করা
body - ওয়েবপেজের দৃশ্যমান অংশ প্রদর্শন করার উদাহরণ।
html
<!DOCTYPE html>
<html>
<body>
<h1>প্রোগ্রামিং শিখুন</h1>
<p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</body>
</html>header - হেডার শাখা তৈরি করার উদাহরণ।
html
<header>
<h1>প্রোগ্রামিং শিখুন</h1>
<p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</header>nav - নেভিগেশন বার তৈরি করার উদাহরণ।
html
<nav>
<a href="#">পিএইচপি</a>
<a href="#">জাভা</a>
<a href="#">পাইথন</a>
<a href="#">জাভাস্ক্রিপ্ট</a>
</nav>aside - পার্শ্ববর্তী কনটেন্ট তৈরি করার উদাহরণ।
html
<aside>
<ul>
<li>পিএইচপি</li>
<li>জাভা</li>
<li>পাইথন</li>
<li>জাভাস্ক্রিপ্ট</li>
</ul>
</aside>article - স্বতন্ত্র কনটেন্ট উপস্থাপনা করার উদাহরণ।
html
<article>
<h1>এইচটিএমএল টিউটোরিয়াল</h1>
<p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
</article>
<article>
<h1>সিএসএস টিউটোরিয়াল</h1>
<p>ক্যাসকেডিং স্টাইল শিট</p>
</article>section - কনটেন্ট সেকসন তৈরি করার উদাহরণ।
html
<section>
<h1>এইচটিএমএল টিউটোরিয়াল</h1>
<p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
</section>
<section>
<h1>সিএসএস টিউটোরিয়াল</h1>
<p>ক্যাসকেডিং স্টাইল শিট</p>
</section>a - হাইপারলিঙ্ক তৈরি করার উদাহরণ।
html
<a href="/index.php">লার্নউইজ</p>img - ছবি প্রদর্শন করার উদাহরণ।
html
<img src="/images/author.jpg" alt="মোঃ আরিফ" height="200" width="300">button - ক্লিকযোগ্য বাটন তৈরি করার উদাহরণ।
html
<button>ক্লিক করুন</button>iframe - আইফ্রেম তৈরি করার উদাহরণ।
html
<iframe src="/index.php" height="500" width="700"></iframe>details - বিবরণ তৈরি করার উদাহরণ।
html
<details>
<summary>এইচটিএমএল</summary>
<p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</details>footer - ফুটার সেকশন তৈরি করার উদাহরণ।
html
<footer>
<p>মোঃ আরিফ</p>
<p>বাংলাদেশ</p>
</footer>এইচটিএমএল সম্পর্কিত বিস্তারিত তথ্য
কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক
| নাম | বিবরণ |
|---|---|
| body | ওয়েবপেজের দৃশ্যমান অংশ প্রদর্শন করতে ব্যবহৃত হয়। |
| header | হেডার শাখা তৈরি করতে ব্যবহৃত হয়। |
| nav | নেভিগেশন বার তৈরি করতে ব্যবহৃত হয়। |
| aside | পার্শ্ববর্তী কনটেন্ট তৈরি করতে ব্যবহৃত হয়। |
| article | স্বতন্ত্র কনটেন্ট উপস্থাপনা করতে ব্যবহৃত হয়। |
| section | কনটেন্ট সেকসন তৈরি করতে ব্যবহৃত হয়। |
| a | হাইপারলিঙ্ক তৈরি করতে ব্যবহৃত হয়। |
| img | ছবি প্রদর্শন করতে ব্যবহৃত হয়। |
| button | ক্লিকযোগ্য বাটন তৈরি করতে ব্যবহৃত হয়। |
| iframe | আইফ্রেম তৈরি করতে ব্যবহৃত হয়। |
| details | বিবরণ তৈরি করতে ব্যবহৃত হয়। |
| footer | ফুটার সেকশন তৈরি করতে ব্যবহৃত হয়। |