HTML কি? HTML কেনো শিখবো ও ইতিহাস: কেনো শিখবো?
HTML কি ও ভার্সনসমুহ:
HTML কি?
HTML একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা পৃথিবীর বিশাল তথ্য-ভান্ডারকে ইন্টারনেটের মাধ্যমে প্রদর্শনের সুযোগ তৈরি করে দিয়েছে। একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়ে। HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। Mark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা HTML এ Mark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় ।
একনজরে এইচটিএমএল ভার্সনসমূহ
| ভার্সন | সন |
|---|---|
| এইচটিএমএল | ১৯৯১ |
| এইচটিএমএল(২.০) | ১৯৯৫ |
| এইচটিএমএল(৩.২) | ১৯৯৭ |
| এইচটিএমএল(৪.০১) | ১৯৯৯ |
| এক্সএইচটিএমএল | ২০০০ |
| এইচটিএমএল(৫) | ২০১৪ |
একেবারেই সাধারণ একটি এইচটিএমএল ডকুমেন্ট
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
HTML কেনো শিখবো ও ইতিহাস:
কেনো শিখবো?
বর্তমানে একজন অতি সাধারণ মানুষেরও একটি নিজস্ব ওয়েব সাইট থাকে।
এইচটিএমএল এর মাধ্যমে আপনি আপনার এই নিজস্ব ওয়েবসাইটটি তৈরি করতে পারবেন।
আমাদের এই অ্যাপসটিতে আমরা খুবই সহজভাবে উপস্থাপন করেছি যেন আপনিও খুব সহজেই পুরো এইচটিএমএল শিখতে পারেন এবং নিজের ওয়েবসাইটটি তৈরি করতে কোন ডেভেলপার ভাড়া না করে নিজেই করতে পারেন।
এইচটিএমএল শেখা খুবই সহজ এবং আশা করি আপনি আমাদের এই অ্যাপসটি উপভোগ করবেন।
HTML এর ইতিহাস:
HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বার্নাস-লী। HTML তৈরির উদ্দেশ্য ছিল বৈজ্ঞানিক গবেষণার তথ্য উপাত্ত দ্রুত পৃথিবীর বিভ্ন্নি স্থানে আদান প্রদানের ব্যবস্থা করা। ১৯৯০ সালের দিকে NCSA কর্তৃক ডেভলপকৃত মোজাইক ব্রাউজারের মাধ্যমে HTML পরিচিতি লাভ করে। ১৯৯৭ এর জানুয়ারীতে WC3 কর্তৃক প্রথম ডেভলপকৃত HTML3.2 প্রকাশিত হয়। একই বছরে শেষে ডিসেম্বরে WC3 HTML এর নতুন সংস্করণ HTML4.2 প্রকাশ করে। ২০১০ সালে বর্তমানে প্রচলিত HTML এর সর্বশেষ ভার্সন HTML5 জনসম্মূখে পরিচিতি লাভ করে।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<h1>এটি একটি হেডিং</h1>
<p>এটি একটি প্যারাগ্রাফ।</p>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
HTML ট্যাগের লিস্টসমুহ ও ব্যবহার:
এইচটিএমএল এর সকল ট্যাগ এর তালিকা (All HTML Tags List):
| ট্যাগের নাম | ট্যাগের বিবরণ |
|---|---|
| <!–….–> | মন্তব্য লেখার জন্য |
| <!DOCTYPE> | ডকুমেন্টটি কী ধরণের তা ব্রাউজারকে বোঝানোর জন্য |
| <html>…….</html> | HTML ডকুমেন্ট বোঝানোর জন্য |
| <head>…..</head> | HTML ডকুমেন্টে head অংশ নির্ধারণ করে । |
| <title>……</title> | ডকুমেন্টের টাইটেল বোঝানোর জন্য,ব্রাউজারের টাইটেল বারে প্রদর্শিত হয় |
| <body>…</body> | body ট্যাগের ভিতর যা লিখা হবে তা ওয়েব পেজে প্রদর্শিত হবে |
| <b>…..</b> | টেক্সটকে বোল্ড করার জন্য |
| <em>….</em> | টেক্সটকে emphasized করার জন্য |
| <i>…..</i> | কোনো টেক্সটকে italic করার জন্য |
| <small>…</small> | কোনো টেক্সটকে ছোট করার জন্য |
| <big>…</big> | টেক্সটকে বড় করার জন্য |
| <blink>….</blink> | টেক্সটকে একবার প্রদর্শন করবে আবার করবেনা |
| <blockquote>… </blockquote> | বিশেষ উক্তি প্রকাশ করার জন্য |
| <strike>…. </strike> | টেক্সটের মাঝে কাটা দাগ দিতে |
| <del>….</del> | টেক্সটের মাঝে কাটা দাগ দিতে |
| <strong>…</strong> | টেক্সটকে বোল্ড করার জন্য |
| <a>….</a> | এটি একটি এঙ্কর ট্যাগ যা লিঙ্ক তৈরির ক্ষেত্রে ব্যবহার করা হয় |
| <img>…</img> | ছবি সংযুক্ত করতে ব্যবহার করা হয় |
| <abbr>…..</abbr> | সংক্ষিপ্ত শব্দের ক্ষেত্রে ব্যবহার করা হয় |
| <samp>….</samp> | কোনো বিষয়কে নমুনা হিসেবে দেখাতে |
| <code>….</code> | কোনো বিশেষ বাক্যকে Fixed-Width ফরমেটে লিখতে ব্যবহার করতে হয় |
| <form>….</form> | যেকোনো ফর্ম তৈরি করার জন্য |
| <h1>…….</h1> . <h6>….</h6> | এটি দ্বারা শিরোনাম (Heading ) নির্দেশ করে । এটি h1 থেকে h6 পর্যন্ত রয়েছে |
| <table>…..</table> | টেবিল তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <div>…</div> | Division তৈরিতে এই ট্যাগ ব্যবহার করা হয় |
| <row>….</row> | যেকোনো রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <col>…..</col> | যেকোনো কলাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <tr>….</tr> | টেবিলের রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <td>….</td> | টেবিলের সেল তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <th>…..</th> | টেবিলের হেডিং বা শিরোনাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <hr/> | ভূমির সমান্তরাল রেখা তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <input>…..</input> | যেকোনো ধরনের ইনপুট ফিল্ড তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <list>……</list> | লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <ol>…..</ol> | অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <ul>….</ul> | আন অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <u>….</u> | আন্ডার লাইন করার ক্ষেত্রে ব্যবহার করা হয় |
| <sub>…..</sub> | কোনো টেক্সটকে একটু নিচে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয় |
| <sup>………</sup> | কোনো টেক্সটকে একটু উপরে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয় |
| <iframe>……</iframe> | কোনো ওয়েব পেজকে ফ্রেমের মধ্যে রাখতে ব্যবহার করা হয় |
| <p>……</p> | প্যারাগ্রাফ তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <style>……</style> | ওয়েব পেজকে স্টাইল করতে ব্যবহার করা হয় |
| <font>…..</font> | ফন্টের সাইজ ও কালার নির্ধারণ করার ক্ষেত্রে ব্যবহার করা হয় |
| <br/> | লাইন ব্রেক করার ক্ষেত্রে ব্যবহার করা হয় |
| <marquee>……</marquee> | চলমান লিখা তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
| <pre>…..</pre> | একপাশে কবিতার মত লাইন তৈরি করার ক্ষেত্রে ব্যবহার করা হয় |
Note : হতাশ হবেন না , এখন না বুঝলে পরে বুঝে যাবেন ইনশাআল্লাহ । এখন শুধু ট্যাগ গুলো ভালোভাবে দেখেন কোনটার কী কাজ ।
Comments
Post a Comment
Thanks