Html কোড লেখার নিয়ম | Html কিভাবে শিখব

Html কোড লেখার নিয়ম

আপনি কি জানতে চান Html কোড লেখার নিয়ম , Html কিভাবে শিখব, Html ট্যাগ লিস্ট বাংলা , তাহলে এই পোষ্টটি আপনার জন্যই । আসুন কীভাবে খুব সহজে HTML শিখে ফেলা যায় দেখি এই পোষ্টে ।

প্রথমে Html কোড লেখার নিয়ম দেখি ।

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

HTML এ লেখা প্রোগ্রামের মৌলিক অংশ সমূহ নিম্নরূপ :

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

HTML এ প্রোগ্রাম লেখার জন্য সমস্ত code কে <html> </html> এর মাঝে লেখা হয়।

HTML এ <head> </head> এর ভেতরে <title> </title>ট্যাগ লেখা হয় যার মাধ্যমে ওয়েবসাইটের কোনো পেজের title বা শিরোনাম প্রদর্শনের ব্যবস্থা করা হয়।

HTML এ <body> বা body ট্যাগ খুবই গুরুত্বপূর্ণ ট্যাগ । একটি ওয়েব সাইটের মূল Content সমূহ Body ট্যাগের মধ্যে অবস্থান করে । <body></body> ট্যগের মধ্যেই বিভিন্ন Text , Image, Table ইত্যাদি ফরমেটিং এর জন্য বিভিন্ন ট্যাগ সমূহ লেখা হয় ।  

<html>
<head>
<title> My Page Title</title>
</head>
<body>
This is my first web page. I am learning now HTML. I want to know the rules of html codes.
</body>
</html>

একটা নোটপ্যাড open করে উপরের code টুকু লিখে বা কপি করে পেষ্ট করে file মেনু থেকে Save as এ ক্লিক করে File name: page.html বা index.html , Save as type : All files, দিয়ে save করে page.html বা index.html ফাইলটি Google Chrome দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

Html কিভাবে শিখব

HTML এ লেখা প্রোগ্রামের বিভিন্ন অংশ বিশ্লেষণ :

সমস্ত HTML code কে <html> </html> এর মাঝে লেখা হয়েছে। <head></head> এর ভেতরে <title> </title>ট্যাগ দ্বারা ওয়েবসাইটের title বা শিরোনাম দেওয়া হয়েছে। code এ <body></body> ট্যগের মধ্যে  This is my first web page. I am learning now HTML. লেখা হয়েছে যা ব্রাউজারের মূল অংশে প্রদর্শিত হচ্ছে।

HTML ট্যাগ কি?

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

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 নির্দেশ করে।

Html কিভাবে শিখব ? Html শিখার সবচেয়ে ভালো জায়গা হলো W3School.com ।




1. Bangla নামের অর্থ | 100,001+ শিশুর নামের অর্থ জানুন বাংলা
2. পূর্ণরূপ কালেকশন
3. Top 100+ Bangla Facebook Bio | Bengali Bio and status
4. বাংলা Sms – Bangla SMS best collections | Bangla Facebook Status Collection
5. বিখ্যাত ইংরেজি কিছু উক্তি বাংলা অর্থসহ | বাংলা অর্থসহ ইংরেজী উক্তি




Author: Biddut

Leave a Reply

Your email address will not be published. Required fields are marked *