| এইচটিএমএল |
| --- |
| * + এইচটিএমএল
	+ ডাইনামিক এইচটিএমএল
* + এইচটিএমএল৫ (অডিও
	+ ক্যানভাস
	+ ভিডিও)
* + এক্সএইচটিএমএল (প্রাথমিক
	+ মোবাইল প্রোফাইল
	+ সি-এইচটিএমএল)
* এইচটিএমএল element (স্প্যান এবং ডিভ)
* + এইচটিএমএল গুন
	+ এইচটিএমএল frame
	+ এইচটিএমএল editor
* Character encodings (ইউনিকোড)
* ভাষা কোড
* Document Object Model
* Browser Object Model
* Style sheets (Cascading (সিএসএস))
* + Font family
	+ Web colors
* এইচটিএমএল scripting
* + জাভাস্ক্রিপ্ট (ওয়েবজিএল
	+ ওয়েবসিএল)
* W3C (Validator)
* + WHATWG
	+ Quirks mode
	+ Web storage
* ওয়েব ব্রাউজার (লেআউট) ইঞ্জিন
 |
| 
তুলনাসমূহ |
| 

|  |
| --- |
| * Document markup languages
* Web browsers
 |
| 
Layout engine support |
| * + এইচটিএমএল
	+ Non-standard এইচটিএমএল
* + এইচটিএমএল5 (canvas
	+ media)
* Xএইচটিএমএল (1.1)
 |

 |
| * দে
* স
 |

***হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ*** (অথবা **এইচটিএমএল**, ইংরেজি: Hyper Text Markup Language) হলো একটি মার্ক আপ ল্যাঙ্গুয়েজ। এইচটিএমএল এর মার্ক আপ ট্যাগ সমূহ ব্যবহার করে ওয়েবপেজ এর বেসিক কাঠামো তৈরি করা হয়।  

প্রকৃত অর্থে এটি কোনো প্রোগ্রামিং ল্যাংগুয়েজ নয় বরং একটি মার্কআপ ল্যাংগুয়েজ যা একসারি মার্কআপ ট্যাগ এর সমন্বয় গঠিত।
ইন্টারনেটে তথা ওয়েবসাইটে ওয়েবপেজ তৈরিতে এইচ টি এম এল সবচেয়ে বেশি ব্যবহৃত হয়। এই ফাইলের এক্সটেনশন .html অথবা .htm উভয়ই হতে পারে। এতে বিভিন্ন এইচটিএমএল ট্যাগ ব্যবহার করে বিভিন্ন ফর্ম্যাটিং, অবজেক্ট ও লিংক প্রকাশ করা করা হয়।
HTML এর সর্বশেষ ভার্সন হলো HTML5 যার উন্নয়ন কাজ এখন সম্পূর্ণ এবং নতুন আদর্শমান । HTML5 এ ওয়েবসাইটে অডিও,ভিডিও যোগ করার জন্য নতুন আদর্শ(স্ট্যান্ডার্ড) যোগ করা হয়েছে।

ওয়েবপেজ মূলত দুই ধরনের হয়। স্টাটিক ওয়েবপেজ এবং ডায়নামিক ওয়েবপেজ। HTML ও CSS স্টাটিক ওয়েবপেজ বানানো হয়।ডায়নামিক ওয়েবপেজ বানাতে এগুলোর সাথে পিএইচপি, জাভাস্ক্রিপ্ট ইত্যাদি প্রোগ্রামিং ল্যাঙ্গুয়েজও ব্যবহার করা হয়।

ইতিহাস
------

১৯৮০ সালে ব্রিটিশ কম্পিউটার বিজ্ঞানী টিম বার্নার্স-লি, যিনি সার্ন এ একজন ঠিকাদার ​​ছিলেন, সর্বপ্রথম সার্ন গবেষকদের মাঝে দস্তাবেজ শেয়ার করার জন্য ENQUIRE prototyped নামে একটি ‍System এর প্রস্তাব দেন। ১৯৮৯ সালে, বার্নার্স-লি একটি ইন্টারনেট ভিত্তিক হাইপারটেক্সট সিস্টেম প্রস্তাবে একটি মেমো লিখেন। ১৯৯০ সালে বার্নার্স-লি ব্রাউজার এবং সার্ভারের সফ্টওয়্যারে এইচটিএমএল (HTML) এর উল্লেখ করেন ।এ বছরেই, বার্নার্স-লি এবং সার্ন এর তথ্য সিস্টেম ইঞ্জিনিয়ার Robert Cailliau যৌথভাবে সার্নকে এ প্রকল্পের জন্য অর্থায়নে অনুরোধ করেন, কিন্তু প্রকল্পটি আনুষ্ঠানিকভাবে সার্ন দ্বারা গৃহীত হয়নি।

ডব্লিঊথ্রিসি দ্বারা তৈরি ঐতিহাসিক লোগো

ট্যাগ
-----

কোড লেখার আগে পরে নির্দিষ্ট কিছু চিহ্নসহ নির্ধারিত কিছু শব্দ ব্যবহার করা হয়। এগুলোকে ট্যাগ বলে।

এইচটিএমএল ট্যাগ গুলো Element name আর angle bracket (<>) দিয়ে তৈরি । প্রতিটি ভাষা লেখার জন্য নির্দিষ্ট নিয়ম থাকে। এই নিয়ম বা ধরনকেই syntax বলে। এইচটিএমএল ট্যাগগুলো লেখার জন্যও নির্দিষ্ট সিন্ট্যাক্স আছে। এভাবে না লিখলে ব্রাউজার ট্যাগ অনুযায়ী কন্টেন্ট দেখাতে সমর্থ্য হবে না।

HTML tag এর syntax হলো-

  


|  |
| --- |
| <tagname>content goes here...</tagname> |

বিভিন্ন কোড
-----------

### হেডিং

এইচটিএমএল হেডিং  <h1> থেকে <h6> ট্যাগসমূহ দ্বারা লেখা হয়। h1 হচ্ছে সবচেয়ে বড় হেডিং এবং ক্রমান্বয়ে h6 সবচেয়ে ছোট। 
বিভিন্ন ধরনের বড় ছোট হেডিং নিম্নরূপে লেখা হয়।

```
<h1>বড় হেডিং</h1>
<h6>ছোট হেডিং</h6>
```

### অনুচ্ছেদ ট্যাগ

কোন অনুচ্ছেদ লেখার জন্যে আরম্ভ ট্যাগ হিসেবে  <p> এবং সমাপ্তি ট্যাগ হিসেবে </p> ব্যবহার করতে হয়।
উদাহরণঃ

```
<p>আপনার কাঙ্ক্ষিত অনুচ্ছেদ</p>
```

### এইচটিএমএল টেবিল

এইচটিএমএল এ টেবিল তৈরী করার জন্য নিম্নের কোড ব্যবহার করা হয়। টেবিল তৈরীতে চার ধরনের Tag ব্যবহার করা হয়।

* <tr> ট্যাগ ব্যবহার করা হয় Table Row লেখার জন্য ।
* <th> ট্যাগ ব্যবহার করা হয় Table Header লেখার জন্য ।
* <td> ট্যাগ ব্যবহার করা হয় table Data লেখার জন্য ।

```
<table border="1">
<tr>
<th>দেশের নাম</th>
<th>স্বাধীনতার বছর</th>
</tr>
<tr>
<td>বাংলাদেশ</td>
<td>১৯৭১</td>
</tr>
</table>
```

উপরের কোডটির আউটপুট হিসেবে নিচের টা আসবে।

| দেশের নাম | স্বাধীনতার বছর |
| --- | --- |
| বাংলাদেশ | ১৯৭১ |

  

এগুলো ছাড়া আরো অনেক ট্যাগ ব্যবহৃত হয়। যেমন 

<li>...</li>
<ul>...</ul>
<ol>...</ol>
<img src="imagelink">...</img>

তথ্যসূত্র
---------

1. ↑  "W3C Html"। উদ্ধৃতি টেমপ্লেট ইংরেজি প্যারামিটার ব্যবহার করেছে (link)
2. ↑  w3schools

বহিঃসংযোগ
---------

* w3schools.com
* w3c.com