আসসালামু ওয়ালাইকুম বন্ধুরা।
কেমন আছেন সবাই?
আশা করি ভালোই আছেন।
আমি আপনাদের মাঝে একটি কোর্স নিয়ে হাজির হয়েছি।
হ্যা একটা কোর্স।
সেটা হলো Html নিয়ে। এ সম্পর্কে ধারনা আমাদের
অনেকের আছে বা অনেকের নেই। তবে আমি আজ আপনাদের
এর বেসিক ধারনা দিব। আশা করি আমার টিউন গুলোর মাধ্যমে ১০০%
শিখতে পারবেন। একজন ওয়েব ডিজাইনার হতে হলে এটার গুরুত্ব ১০০%।
তো কথা না বাড়িয়ে শুরু করি।
HTML হলো Hyper text mark-up Language এর সংক্ষিপ্ত রুপ।
এটিকে ওয়েব ব্রাউজারে তথ্য প্রদর্শনে ব্যবহার করা হয়।
এটা আসলে কোন প্রোগ্রামিং ভাষা না। তবে এটাকে ওয়েব পেজে
লেখা, ছবি, এনিমেশন, ভিডিও ইত্যাদি সুন্দরভাবে উপস্থাপন করতে ব্যবহার করা হয়।
টিম বার্নাস লি সর্ব প্রথম ১৯৯০ সালে HTML ভাষা আবিস্কার করেন।
আর এখন এর গুরুত্ব অপরিসীম। যেকোন ধরনের টেক্সট এডিটর ব্যবহার
করে HTML ফাইল তৈরি করা যায়। যেমন NOTE PAD.। এইচ টি এম এল
ফাইল নামের আগে এক্সটেনশন হিসেবে (.html) বা (.htm) ব্যবহার করা হয়।
এর দুটি অংশ
১। HEAD অংশ : এই অংশে Title বা শিরোনাম প্রদর্শিত হয়।
২। Body অংশ : এই অংশে মূল ডকুমেন্ট প্রদর্শিত হয়।
১। এটার সাহায্যে ওয়েব পেজ তৈরি করা যায়।
২। ওয়েব পেজের টেমপ্লেট তৈরি করা যায়।
৩। কোন এপ্লিকেশন ব্যবহার ছাড়াই ছবি এনিমেশন যোগ করা যায়।
৪। ফরম্যাটিং এর কাজ করা যায়।
৫। ওয়েব সাইট সুন্দর ভাবে সাজানো যায়
এইচ টি এম এল কে ট্যাগের ভাষা বলা হয়। কারন এর প্রত্যেক কাজের জন্য ট্যাগ ব্যবহার করা হয়। ট্যাগ দুই ধরনের
১। শুরু ট্যাগ বা Start Tag <>
2। শেষ ট্যাগ বা end tag। </>
HTML এ লেখার জন্য শুরু ট্যাগ বা Start tag হিসেবে কোন বন্ধনী <> ব্যবহার করা হয় আর End Tag হিসেবে </> ব্যবহার করা হয়। যেমন : <html> </html>।
| ট্যাগ | বর্ননা | |
| </> | মন্তব্য লেখার জন্য। | |
| <html>….</html> | HTML ডকুমেন্ট বুঝানোর জন্য। | |
| <head>….</head> | প্রোগ্রামের head অংশ নির্দেশ করে। | |
| < table>….</table> | ডকুমেন্ট টাইটেল বুঝানোর জন্য। | |
| <body>….</body> | প্রোগ্রামের মূল অংশ নির্দেশ করে। | |
| <a>….</a> | Anchor ট্যাগ | |
| <hl>….</hl> | এই ট্যাগের ভিতরের লেখাকে ১ম হেডিং হিসাবে বিবেচনা করা হয়। অনুরূপ h2 হলো হেডিং h3 হলো তৃতীয় হেডিং। | |
| <b>….</b> | এই ট্যাগের ভিতরের লেখাকে বোল্ড হিসাবে বিবেচনা করা হয়। | |
| <sub>….</sub> | এই ট্যাগের ভিতরের লেখাকে সাবস্কিপ্ট হিসাবে বিবেচনা করা হয়। | |
| <sup>….</sup> | এই ট্যাগের ভিতিরের লেখাকে সুপারস্কিপ্ট হিসাবে বিবেচনা করা হয়। | |
| <p>….</p> | এই ট্যাগের ভিতরের লেখাকে প্যারাগ্রাফ হিসাবে বিবেচনা করা হয়। | |
| <q>….</q> | এই ট্যাগের ভিতরের লেখাকে কোটেশনের মধ্যে প্রদর্শন করা হয়। | |
| <li>….</li> | এই ট্যাগের ভিতরের লেখাকে লিস্ট আকারে প্রদর্শন করা হয়। | |
| <br> | এই ট্যাগ ব্যবহার করার ফলে লাইন ফাঁকা তৈরি হয়। |
| <img src”’Image_name.jpeg”’/> | এই ট্যাগ ব্যবহারের ফলে “Imagc_name.jpeg” নামের ছবিটি প্রদর্শিত হয়। তবে.jpg.bmp.gifএক্সটেনশনযুক্ত ছবির ফাইলও প্রদর্শনযোগ্য। |
| <a href=”test.html”>Trst</a> | এই ট্যাগ ব্যবহারের ফলে Test শিরোনামে test.html ফাইলটির লিংক প্রদর্শিত হয়। |
| <table>……</table> | এই ট্যাগের ভিতরের লেখাকে টেবিল হিসাবে বিবেচনা করা হয়। |
| <tr>……</tr> | এই ট্যাগের ভিতরের লেখাকে টেবিলের রো হিসাবে বিবেচনা করা হয়। |
| <td>……</td> | এই ট্যাগের ভিতরের লেখাকে টবিলের রো এর ভিতরের কলাম হিসাবে বিবেচনা করা হয়। |
| <abbr>……</abbr> | Abbreviation ট্যাগ। |
| <i>……</i> | এই ট্যাগের ভিতরের লেখাকে ltalic হিসাবে বিবেচনা করা হয়। |
| <big>……</big> | স্বাভাবিকের চেয়ে বড় টেক্সট লেখাড় জন্য। |
| <small>……</small> | স্বাভাবিকের চেয়ে ছোট টেক্সট লেখার জন্য। |
| <blockquote>……</blockquote> | বিশেষ উদ্বরিতি প্রকাশের জন্য। |
| <code>……</code> | কম্পিউটারের কোড টেক্সট প্রকাশের জন্য |
| <col>….</col> | টেবিল কলাম প্রকাশের জন্য |
| <form>……</form> | ফরম তৈরির জন্য |
| <hr>……</hr> | সমান্তরাল লাইন তৈরিতে |
| <input>……</input> | ইনপুট প্রকাশের জন্য |
| <ol>……</ol> | অর্ডার লিস্ট তৈরিতে |
| <ul>……</ul> | আন অর্ডার লিস্ট তৈরিতে |
| <strong>……</strong> | লেখাকে স্ট্রং দেখাতে |
আজ এ পর্যন্তই। দেখা হবে আগামী পর্বে।
আমার ছোট ওয়েব সাইটে ঘুরে আসার জন্য অনুরুধ রইল
আমি সানজিদ আহম্মেদ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 4 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 23 টি টিউন ও 0 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
