এইচটিএমএল

এইচটিএমএল(HTML) এর পূর্নরুপ হচ্ছে Hypertext Markup Language, ওয়েব পেজ ও ওয়েব অ্যাপ্লিকেশন তৈরী করার জন্যে স্ট্যান্ডার্ড মার্কাপ ল্যাংগুয়েজ হিসেবে ব্যবহৃত হয়

    সবার সাথে শেয়ার করুন

সাধারণ

  • এইচটিএমএল ডকুমেন্ট তৈরী করা

    <html>...</html>
  • টাইটেলসহ অন্যান্য তথ্য সেট

    <head>...</head>
  • দৃশ্যমান অংশ সেট

    <body>...</body>
  • ডকুমেন্ট এর টাইটেল সেট

    <title>...</title>

ফরম্যাট

  • নতুন প্যারাগ্রাফ তৈরী

    <p>...</p>
  • লাইন ব্রেক

    <br>
  • উক্তি তৈরী করা

    <blockquote>...</blockquote>
  • ব্লক সেকশন তৈরী

    <div>...</div>
  • একই লাইনে সেকশন তৈরী

    <span>...</span>

বডি অ্যাট্রিবউট(ইমেইল টেমপ্লেট)

  • ব্যাকগ্রাউন্ড কালার সেট

    <body bgcolor=...>...</body>
  • লেখার কালার সেট

    <body text=...>...</body>
  • লিঙ্ক এর কালার সেট

    <body link=...>...</body>
  • ভিসিট করা লিঙ্ক এর কালার সেট

    <body vlink=...>...</body>
  • অ্যাক্টিভ লিঙ্ক এর কালার সেট

    <body alink=...>...</body>

বডি অ্যাট্রিবউট(ইমেইল টেমপ্লেট)

  • অর্ডারবিহীন লিস্ট তৈরী

    <ul>...</ul>
  • অর্ডার লিস্ট তৈরী

    <ol>...</ol>
  • লিস্ট আইটেম

    <li>...</li>
  • ডেফিনেশন লিস্ট তৈরী

    <dl>...</dl>
  • ডেফিনেশন টার্ম

    <dt>...</dt>
  • ডেফিনেশন বর্ণনা

    <dd>...</dd>

লেখার ট্যাগ

  • ফরম্যাটেড লেখা

    <pre>...</pre>
  • হেডলাইন

    <[h1-h6]>...</[h1-h6]>
  • বোল্ড লেখা

    <b>...</b>
  • ইটালিক লেখা

    <i>...</i>
  • টাইপরাইটার স্টাইল লেখা

    <tt>...</tt>
  • কোড লেখা

    <code>...</code>
  • citation

    <cite>...</cite>
  • অ্যাড্রেস লেখার সেকশন

    <address>...</address>
  • em

    <em>...</em>
  • strong

    <strong>...</strong>
  • ফন্ট সাইজ সেট(1-7)

    <font size=...>...</font>
  • ফন্ট কালার সেট

    <font color=...>...</font>
  • ফন্ট সেট

    <font face=...>...</font>

গ্রাফিক্যাল ইলিমেন্ট

  • হরিজন্টাল লাইন

    <hr>
  • হরিজন্টাল লাইনের উচ্চতা

    <hr size>
  • হরিজন্টাল লাইনের দৈর্ঘ্য

    <hr width>
  • হরিজন্টাল লাইন ছায়া ছাড়া

    <hr noshade>
  • ইমেজ যুক্ত ইউআরএল দিয়ে

    <img src="ইউআরএল">
  • ইমেজ অ্যালাইন করা

    <img ... align=...>
  • ইমেজে বর্ডার

    <img ... border=...>
  • ইমজের উচ্চতা

    <img ... height=...>
  • ইমজের দৈর্ঘ্য

    <img ... width=...>
  • ইমেজের বিকল্প লেখা

    <img ... alt="বিকল্প-লেখা">

লিঙ্ক

  • কোনো ইউআরএল এ হাইপারলিঙ্ক সেট

    <a href="ইউআরএল">লেখা</a>
  • কোনো ইমেইলে এ হাইপারলিঙ্ক সেট

    <a href="mailto:ইমেইল">লেখা</a>
  • ডকুমেন্ট এর মধ্যেই লিঙ্ক সেট

    <a name="নাম">লেখা</a>
  • পেজের মধ্যেই লিঙ্ক সেট

    <a href="#নাম">লেখা</a>

ফর্ম

  • ফর্ম তৈরী

    <form>...</form>
  • একাধিক সিলেক্ট করার মেনু তৈরী

    <select multiple name="নাম" size="সাইজ">...</select>
  • সিলেক্ট করার মেনু তৈরী

    <select name="নাম">...</select>
  • সিলেক্ট মেনুর অপশন

    <option>...</option>
  • লেখার বক্স তৈরী কলাম রো সহ

    <textarea name="নাম" cols=... rows=...>...</textarea>
  • চেকবক্স তৈরী

    <input type="checkbox" name="নাম" value="ভ্যালু">
  • চেকবক্স চেক অবস্থায় তৈরী

    <input type="checkbox" ... ... checked>
  • রেডিও বাটন তৈরী

    <input type="radio" name="নাম" value="ভ্যালু">
  • রেডিও বাটন চেক অবস্থায় তৈরী

    <input type="checkbox" ... ... checked>
  • লেখার বক্স তৈরী

    <input type="text" name="নাম" value="ভ্যালু">
  • সাবমিট বাটন তৈরী

    <input type="submit" value="ভ্যালু">
  • রিসেট বাটন তৈরী

    <input type="reset" name="নাম" value="ভ্যালু">

ইনপুট ট্যাগ

  • ইমেইল অ্যাড্রেস এর জন্যে ইনপুট

    <input type="email" name="নাম">
  • ইউআরএল এর জন্যে ইনপুট

    <input type="url" name="নাম">
  • নাম্বার এর জন্যে ইনপুট

    <input type="number" name="নাম">
  • নাম্বার রেঞ্জ এর জন্যে ইনপুট

    <input type="range" name="নাম">
  • তারিখ এর জন্যে ইনপুট

    <input type="date/month/week/time" name="নাম">
  • সার্চ এর জন্যে ইনপুট

    <input type="search" name="নাম">
  • কালার এর জন্যে ইনপুট

    <input type="color" name="নাম">

টেবিল

  • টেবিল তৈরী

    <table>...</table>
  • রো সেট

    <tr>...</tr>
  • রো তে সেল সেট

    <td>...</td>
  • টেবিল হেডার

    <th>...</th>

টেবিল অ্যাট্রিবউট

  • বর্ডারের দৈর্ঘ্য সেট

    <table border=...>...</table>
  • সেলের মধ্যকার স্পেস

    <table cellspacing=...>...</table>
  • সেলের বর্ডার এবং কন্টেন্ট এর মধ্যকার স্পেস

    <table cellpadding=...>...</table>
  • টেবিলের দৈর্ঘ্য

    <table width=...>...</table>
  • রো এর ভিতরে সেলের অ্যালাইনমেন্ট

    <tr align=...>...</tr>
  • সেলের অ্যালাইনমেন্ট

    <td align=...>...</td>
  • রো এর ভিতরে সেলের উপর-নিচ অ্যালাইনমেন্ট

    <tr valign=...>...</tr>
  • সেলের উপর-নিচ অ্যালাইনমেন্ট

    <td valign=...>...</td>
  • একটা সেলের রো সংখ্যা

    <td rowspan>...</td>
  • একটা সেলের কলাম সংখ্যা

    <td colspan>...</td>
  • সেলের লাইন না ভাঙ্গা

    <td nowrap>...</td>