HTML শিখুন খুব সহজে(ফুল টিউটোরিয়াল) পর্বঃ১

HTML কি?

HTML একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা পৃথিবীর বিশাল তথ্য-ভান্ডারকে ইন্টারনেটের মাধ্যমে প্রদর্শনের সুযোগ তৈরি করে দিয়েছে। একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়ে। HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। Mark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা HTML এ Mark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় ।

HTML এর ইতিহাস

HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বার্নাস-লী। HTML তৈরির উদ্দেশ্য ছিল বৈজ্ঞানিক গবেষণার তথ্য উপাত্ত দ্রুত পৃথিবীর বিভ্ন্নি স্থানে আদান প্রদানের ব্যবস্থা করা। ১৯৯০ সালের দিকে NCSA কর্তৃক ডেভলপকৃত মোজাইক ব্রাউজারের মাধ্যমে HTML পরিচিতি লাভ করে। ১৯৯৭ এর জানুয়ারীতে WC3 কর্তৃক প্রথম ডেভলপকৃত HTML3.2 প্রকাশিত হয়। একই বছরে শেষে ডিসেম্বরে WC3 HTML এর নতুন সংস্করণ HTML4.2 প্রকাশ করে। ২০১০ সালে বর্তমানে প্রচলিত HTML এর সর্বশেষ ভার্সন HTML5 জনসম্মূখে পরিচিতি লাভ করে।

প্রোগ্রাম লেখার পদ্ধতি

যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়। HTML এ প্রোগ্রাম লেখার জন্য প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করা যেতে পারে এবং বাড়তি সুবিধা পাবার জন্য এডভান্স এডিটর হিসেবে Dreamweaver এবং Notepad++ ব্যবহার করা ভাল। HTML এ লেখা প্রোগ্রাম .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাউজার যেমন Internet explorer, Mozilla Firefox , Google chrome এবং Opera দ্বারা দেখা যাবে।

ট্যাগ সমুহ ও ব্যবহার

HTML এ প্রোগ্রাম লেখার জন্য <> এবং দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body ইত্যাদি Keyword ব্যবহার করা হয়। <> বা চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে একত্রে ট্যাগ বলা হয়। যেমন এবং । হল body শুরু ট্যাগ এবংহল body শেষ ট্যাগ।

HTML এর সাধারন ট্যাগ সমূহ

ট্যাগ সমূহ	বর্ণনা
<html> </html>	HTML ডকুমেন্ট নির্দেশ করে।
<head></head>	প্রোগ্রামের head অংশ নির্দেশ করে ।
<title></title>	ডকুমেন্ট টাইটেল নির্দেশ করে।
<body></body>	প্রোগ্রামের মূল content অংশ নির্দেশ করে।
<a></a>	Anchor ট্যাগ।
<abbr></abbr>	Abbreviation ট্যাগ।
<b></b>	Bold টেক্সট নির্দেশ করে।
<i></i>	Italic টেক্সট নির্দেশ করে।
<big></big>	স্বাভাবিকের চেয়ে বড় টেক্সট নির্দেশ করে।
<small></small>	স্বাভাবিকের চেয়ে ছোট টেক্সট নির্দেশ করে।
<blockquote> </blockquote>	বিশেষ উদ্ধৃতি প্রকাশ করতে ব্যবহৃত হয়।
<br / >	একটা লাইন ব্রেক তৈরি করে ।
<code></code>	কম্পিউটার কোড টেক্সট প্রকাশ করে।
<table></table>	টেবিল তৈরিতে ব্যবহৃত হয়।
<col></col>	টেবিলের কলাম তৈরিতে ব্যবহৃত হয়।
<td></td>	টেবিলের সেল তৈরিতে ব্যবহৃত হয়।
<tr></tr>	টেবিলের সারি তৈরিতে ব্যবহৃত হয়।
<form></form>	ফরম তৈরিতে ব্যবহৃত হয়।
<h1></h1>	হেডার ট্যাগ 1-6 পর্যন্ত হয়।
<hr/>	সমান্তরাল রেখা তৈরি করে।
<img/>	ছবি যুক্ত করতে ব্যবহৃত হয়।
<input></input>	ফরমের ইনপুট ফিল্ড তৈরিতে ব্যবহৃত হয়।
<li></li>	লিষ্ট তৈরিতে ব্যবহৃত হয়।
<meta></meta>	Meta ট্যাগ
<ol></ol>	অর্ডার লিষ্ট তৈরিতে ব্যবহৃত হয়।
<ul></ul>	আনঅর্ডার লিষ্ট তৈরিতে ব্যবহৃত হয়।
<p></p>	প্যারাগ্রাফ নির্দেশ করে
<pre></pre>	pre-formatted টেক্সট তৈরিতে ব্যবহৃত হয়।
<tt></tt>	টেলিটাইপ টেক্সট নির্দেশ করে।
<strong></strong>	Strong টেক্সট নির্দেশ করে।
<sub></sub>	subscripted text নির্দেশ করে।
<sup></sup>	superscripted text নির্দেশ করে।