Rokomari

sanzidredoy24.xyz

Tuesday, February 18, 2020

Html শিখুন খুব সহজে । Part 1

How To Learn Html

 Bangla-

আসসালামু ওয়ালাইকুম বন্ধুরা ।
 কেমন আছেন সবাই ?
আশা করি ভালোই  আছেন ।
 আমি আপনাদের মাঝে একটি কোর্স নিয়ে হাজির হয়েছি  ।
হ্যা একটা কোর্স ।
 সেটা হলো Html নিয়ে । এ সম্পর্কে ধারনা আমাদের
অনেকের আছে বা অনেকের নেই । তবে আমি আজ আপনাদের
এর বেসিক ধারনা দিব । আশা করি আমার পোস্ট গুলোর মাধ্যমে ১০০%
 শিখতে পারবেন । একজন ওয়েব ডিজাইনার হতে হলে এটার গুরুত্ব ১০০% ।
 তো কথা না বাড়িয়ে শুরু করি ।

html,html tutorial,how to learn web design,how to learn html and css,how to learn html in bangla,how to,learn html,how to learn html,how to learn html bangla,how to learn html fast,how to learn html in few days,how to learn html in easy way,how to learn html for beginners,html5,how to learn html in 7 minutes,how to learn html and css in bangla


HTML কি :

HTML হলো  Hyper text mark-up Language  এর সংক্ষিপ্ত রুপ ।
 এটিকে ওয়েব ব্রাউজারে তথ্য প্রদর্শনে ব্যবহার করা হয় ।
এটা আসলে কোন প্রোগ্রামিং ভাষা না । তবে এটাকে ওয়েব পেজে
লেখা, ছবি , এনিমেশন , ভিডিও ইত্যাদি সুন্দরভাবে উপস্থাপন করতে ব্যবহার করা হয় ।
 টিম বার্নাস লি সর্ব প্রথম ১৯৯০  সালে 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>
লেখাকে স্ট্রং দেখাতে