How To Learn Html
Bangla-
আসসালামু ওয়ালাইকুম বন্ধুরা ।কেমন আছেন সবাই ?
আশা করি ভালোই আছেন ।
আমি আপনাদের মাঝে একটি কোর্স নিয়ে হাজির হয়েছি ।
হ্যা একটা কোর্স ।
সেটা হলো Html নিয়ে । এ সম্পর্কে ধারনা আমাদের
অনেকের আছে বা অনেকের নেই । তবে আমি আজ আপনাদের
এর বেসিক ধারনা দিব । আশা করি আমার পোস্ট গুলোর মাধ্যমে ১০০%
শিখতে পারবেন । একজন ওয়েব ডিজাইনার হতে হলে এটার গুরুত্ব ১০০% ।
তো কথা না বাড়িয়ে শুরু করি ।
HTML কি :
HTML হলো Hyper text mark-up Language এর সংক্ষিপ্ত রুপ ।
এটিকে ওয়েব ব্রাউজারে তথ্য প্রদর্শনে ব্যবহার করা হয় ।
এটা আসলে কোন প্রোগ্রামিং ভাষা না । তবে এটাকে ওয়েব পেজে
লেখা, ছবি , এনিমেশন , ভিডিও ইত্যাদি সুন্দরভাবে উপস্থাপন করতে ব্যবহার করা হয় ।
টিম বার্নাস লি সর্ব প্রথম ১৯৯০ সালে HTML ভাষা আবিস্কার করেন ।
আর এখন এর গুরুত্ব অপরিসীম । যেকোন ধরনের টেক্সট এডিটর ব্যবহার
করে HTML ফাইল তৈরি করা যায় । যেমন NOTE PAD . । এইচ টি এম এল
ফাইল নামের আগে এক্সটেনশন হিসেবে (.html) বা (.htm) ব্যবহার করা হয় ।
এটিকে ওয়েব ব্রাউজারে তথ্য প্রদর্শনে ব্যবহার করা হয় ।
এটা আসলে কোন প্রোগ্রামিং ভাষা না । তবে এটাকে ওয়েব পেজে
লেখা, ছবি , এনিমেশন , ভিডিও ইত্যাদি সুন্দরভাবে উপস্থাপন করতে ব্যবহার করা হয় ।
টিম বার্নাস লি সর্ব প্রথম ১৯৯০ সালে HTML ভাষা আবিস্কার করেন ।
আর এখন এর গুরুত্ব অপরিসীম । যেকোন ধরনের টেক্সট এডিটর ব্যবহার
করে HTML ফাইল তৈরি করা যায় । যেমন NOTE PAD . । এইচ টি এম এল
ফাইল নামের আগে এক্সটেনশন হিসেবে (.html) বা (.htm) ব্যবহার করা হয় ।
HTML এর গঠন :
এর দুটি অংশ
১। HEAD অংশ : এই অংশে Title বা শিরোনাম প্রদর্শিত হয় ।
২। Body অংশ : এই অংশে মূল ডকুমেন্ট প্রদর্শিত হয় ।
HTML এর ব্যবহার এবং সুবিধা :
১। এটার সাহায্যে ওয়েব পেজ তৈরি করা যায় ।
২। ওয়েব পেজের টেমপ্লেট তৈরি করা যায় ।
৩। কোন এপ্লিকেশন ব্যবহার ছাড়াই ছবি এনিমেশন যোগ করা যায় ।
৪ । ফরম্যাটিং এর কাজ করা যায় ।
৫। ওয়েব সাইট সুন্দর ভাবে সাজানো যায়
২। ওয়েব পেজের টেমপ্লেট তৈরি করা যায় ।
৩। কোন এপ্লিকেশন ব্যবহার ছাড়াই ছবি এনিমেশন যোগ করা যায় ।
৪ । ফরম্যাটিং এর কাজ করা যায় ।
৫। ওয়েব সাইট সুন্দর ভাবে সাজানো যায়
HTML ট্যাগ :
এইচ টি এম এল কে ট্যাগের ভাষা বলা হয় । কারন এর প্রত্যেক কাজের জন্য ট্যাগ ব্যবহার করা হয় । ট্যাগ দুই ধরনের
১। শুরু ট্যাগ বা Start Tag <>
2 । শেষ ট্যাগ বা end tag । </>
HTML এ লেখার জন্য শুরু ট্যাগ বা Start tag হিসেবে কোন বন্ধনী <> ব্যবহার করা হয় আর End Tag হিসেবে </> ব্যবহার করা হয় । যেমন : <html> </html> ।
HTML Tag :
ট্যাগ
|
বর্ননা
|
|
</>
|
মন্তব্য লেখার জন্য।
|
|
<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>
|
লেখাকে স্ট্রং দেখাতে
|