.webp)
html কি | html Tag List in Bangla - এইচটিএমএল এর সকল ট্যাগ
আপনি কি html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla) খুজতেছেন? যদি এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla) খুজে থাকেন তাহলে আমাদের পোষ্টে আপনাকে স্বাগতম জানাই। কারন আজকে আমরা html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla) নিয়ে আলোচনা করব।
.jpg "html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla)") |
| html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla) |
আসসালামু আলাইকুম। হ্যালো বন্ধুরা আমি আরকে রায়হান। আজকে আমি আপনাদের সাথে html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla) নিয়ে আলোচনা করব। চলুন তাহলে দেখে নেওয়া যাক html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla)।
সুচিপত্রঃ html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla)
এইচটিএমএল কি? | html কি
HTML এর পূর্ণরূপ হচ্ছে Hyper Text Markup Language. এটা একটা মার্কাআপ ল্যাঙ্গুয়েজ। এইচটিএমএল কোন প্রােগ্রামিং ল্যাঙ্গুয়েজ নয়। এটা দিয়ে ওয়েবসাইটের কাঠামাে গঠন করা হয়। এইচটিএমএল এর সর্বশেষ ভার্সন হচ্ছে এইচটিএমএল ৫। এতে নতুন অনেক ফিচার যােগ করা হয়েছে।
আরো পড়ুনঃ লেভারেজ কি | ফরেক্স লেভারেজ অনুপাত কি
ওয়েব ডিজাইন এবং ডেভেলপমেন্ট শেখার প্রথম ধাপ হচ্ছে এইচটিএমএল । অর্থাৎ, ওয়েব ডিজাইন কিংবা ডেভেলপমেন্ট যা-ই শিখুন না কেন আপনাকে প্রথমে এইচটিএমএল শিখতে হবে। তবে, এইচটিএমএল শেখা খুবই সহজ । ভালােভাবে Practise করলে আপনি কিছু দিনের মধ্যেই hlml শিখতে পারবেন।
html শেখার পূর্বপ্রস্তুতি কি
এইচটিএমএল শিখতে হলে আপনার Computer এর বেসিক ধারণা থাকলেই চলবে। এইচটিএমএল শেখার পূর্বে আপনাদের কিছু পূর্ব প্রস্তুতির প্রয়ােজন রয়েছে। আমি তা নিচে আলােচনা করেছি।
টেক্সট এডিটর ইন্সটল করাঃ html শিখতে হলে আপনার কম্পিউটার এ একটি টেক্সট এডিটর ইন্সটল করা থাকতে হবে।
প্রতিটি কম্পিউটার এ Windows ইন্সটল দেওয়ার পর ডিফল্টভাবে নােটপ্যাড (Notepad) ইন্সটল করা থাকে। আপনি চাইলে নােটপ্যাড প্লাস প্লাস ব্যবহার করতে পারেন। নােটপ্যাড প্লাস প্লাস এ বেশকিছু বাড়তি ফিচার পাবেন। । এছাড়া, আরও বেশ কিছু টেক্সট এডিটর রয়েছে।
নােটপ্যাড প্লাস প্লাস ডাউনলােড করার জন্য NOTEPAD+ এই লিংক এ ক্লিক ।
ওয়েব ব্রাউজার ইন্সটল করাঃ এরপর আপনার কম্পিউটার এ একটি ওয়েব ব্রাউজার ইন্সটল করা থাকতে হবে। প্রত্যেক কম্পিউটার এ ডিফল্টভাবে ব্রাউজার ইন্সটল করা থাকে। প্রত্যেক কম্পিউটার এ ডিফল্টভাবে ব্রাউজার ইন্সটল করা থাকে । তবে, সেটা ইন্টারনেট এক্সপ্লোরার ।
বেশীরভাগ সময় লক্ষ্য করবেন, এসব ব্রাউজারের ভার্সন পুরনাে। তাই, আমি আপনাকে বলবাে একটি নতুন ভার্সনের Browser ইন্সটল করার জন্য। এক্ষেত্রে, আপনি মােজিলা ফায়ারফক্স অথবা গুগল ক্রোম ব্যবহার করতে পারেন। এছাড়া, আপনি চাইলে অন্যান্য আপগ্রেডেট ভার্সনের Browser ব্যবহার করতে পারেন। এটা, সম্পূর্ণ আপনার রুচির উপর নির্ভরশীল।
মােজিলা ফায়ারফক্স ডাউনলােড করার জন্য (https://www.mozilla.org/en-US/firefox/new/) এই লিংক ক্লিক করুন এবং গুগল ক্রোম ডাউনলােড করার জন্য (https://www.google.com/chrome/) এই লিংক এ ক্লিক করুন।
ফাইলের এক্সটেন্সান প্রদর্শন করানােঃ আপনারা দেখবেন যে, আপনাদের কম্পিউটারের কোন ফাইলের শেষে ফাইলের ফরম্যাট লেখা থাকে না। অর্থাৎ, ফাইলটি কোন ফরম্যাট এ আছে তা লেখা থাকে না। যেমনঃ সাধারণভাবে একটি ছবি আপনার কম্পিউটার এ থাকবে image_name নামে ।
যদি আপনি ফাইল এক্সটেনশন প্রদর্শন করান তাহলে ছবি থাকবে image_name.png নামে। ফলে, আমরা সহজেই ফাইলের ফরম্যাট সনাক্ত করতে পারি । জাভাস্ক্রিপ্ট শেখার জন্য কম্পিউটারের ফাইল ফাইল Extention প্রদর্শন করানাে জরুরি কিছু নয়। তবে, আপনি আপনার সুবিধার জন্য ফাইল এক্সটেনশন প্রদর্শন করাতে পারেন।
আপনার কম্পিউটারের ফাইল ফাইল Extention প্রদর্শন করার জন্য, Control Panel>Folder Options থেকে View এ ক্লিক করবেন এরপর Hide extensions for known file types থেকে টিকচিহ্ন তুলে দিবেন। সর্বশেষ, Apply প্রেস করে OK বাটনে ক্লিক করবেন।
এবার আপনার কম্পিউটারের প্রতিটি ফাইলের Extention দেখতে পাড়বেন। অর্থাৎ, একটি এইচটিএমএল ফাইলের নামের পর .html থাকবে, একটি সিএসএস ফাইলের নামের পর .css থাকবে। ফলে, আপনি সহজেই ফাইলের Format সনাক্ত করতে পাড়বেন।
Html ট্যাগকে দুই ভাবে ভাগ করা যায়ঃ
1.Single ট্যাগঃ যেসমস্ত html ট্যাগে কোনো ক্লোজিং Tag থাকেনা, শুধু ওপেনিং Tag থাকে তাদেরকে Single ট্যাগ বলা হয়। <br> ট্যাগের মত <img>, <link>, <hr> ইত্যাদি Tag গুলো ও single html Tag। এই TAG গুলোর কোনো কোনো Closing ট্যাগ নেই।
2. Container ট্যাগঃ যেসমস্ত html ট্যাগে ওপেনিং এবং ক্লোজিং Tag উভই থাকে এবং ট্যাগ দুটির মধ্যে Content থাকে তাদেরকে Container ট্যাগ বলে। যেমন <h2>….</h2>, <p>…………</p> ইত্যাদি।
html Tag List in Bangla - এইচটিএমএল এর সকল ট্যাগ
- <b>...........</b> = টেক্সটকে বোল্ড (BOLD) করার জন্য ।
- <em>...........</em> = টেক্সটকে ইম্প্যাসিজড (emphasized) করার জন্য।
- <i>...........</i> = কোনো টেক্সটকে (ইটালিক) italic করার জন্য।
- <small>…</small> = কোনো টেক্সটকে ছোট (short) করার জন্য।
- <big>...........</big> = টেক্সটকে বড় ( Big) করার জন্য ।
- <blink>...........</blink> = টেক্সটকে একবার প্রদর্শন করবে আবার করবে না ।
- <blockquote>...........</blockquote> = বিশেষ কোনো উক্তি প্রকাশ করার জন্য ।
- <strike>...........</strike> = টেক্সটের মাঝে কাটা দাগ থাকবে এমন দেখাই।
- <del>...........</del> = টেক্সটের মাঝে কাটা দাগ থাকবে কিন্তু ডিলেট ।
- <strong>...........</strong> = টেক্সটকে বোল্ড (Bold) করার জন্য
- <a>...........</a> = এটি একটি এঙ্কর ট্যাগ যা লিঙ্ক (Link) তৈরির ক্ষেত্রে ব্যবহার করা হয়
- <img>...........</img> = ছবি বা ফটো সংযুক্ত করতে ব্যবহার করা হয়
- <abbr>...........</abbr> = সংক্ষিপ্ত শব্দের ক্ষেত্রে ব্যবহার যায়
- <samp>...........</samp> = কোনো বিষয়কে নমুনা হিসেবে দেখানো যায়।
- <code>...........</code> = কোনো বিশেষ বাক্যকে Fixed-Width ফরমেটে লিখতে ব্যবহার করতে হয় <form>...........</form> = যেকোনো ফর্ম (Form) তৈরি করার জন্য
- <h1>...........</h1>. <h6>….</h6> = এটি দ্বারা শিরোনাম (Heading) নির্দেশ করে। এটি h1 থেকে h6 পর্যন্ত রয়েছে
- <table>...........</table> = টেবিল (Table) তৈরি করার ক্ষেত্রে ব্যবহার করা হয় … Division তৈরিতে এই ট্যাগ ব্যবহার করা হয়
- <row>...........</row> = যেকোনো ROW বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <col>...........</col> = যেকোনো (Colum) কলাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <tr>...........</tr> টেবিলের ROW বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <td>...........</td> = টেবিলের সেল (CEL) তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <th>...........</th> = টেবিলের হেডিং (Heading) বা শিরোনাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <hr/> = ভূমির সমান্তরাল রেখা তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <input>...........</input> = যেকোনো ধরনের ইনপুট ফিল্ড (Input Field) তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <list>...........</list> = লিস্ট (List) তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <ol>...........</ol> = অর্ডার লিস্ট (Order List) তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <ul>...........</ul> = আন অর্ডার লিস্ট (Under Order List) তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <u>...........</u> = আন্ডার লাইন (Under Line) করার ক্ষেত্রে ব্যবহার করা হয়
- <sub>...........</sub> = টেক্সটকে একটু নিচে দেখানোর জন্য ব্যবহার করা হয়
- <sup>...........</sup> = কোনো টেক্সটকে একটু উপরে দেখানোর জন্য ব্যবহার হয়
- <p>...........</p> = প্যারাগ্রাফ (Paragraph) তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
- <style>...........</style> = ওয়েব পেজকে স্টাইল (Web Page Style) করতে ব্যবহার করা হয়
- <font>...........</font> = ফন্টের সাইজ (Font Size) ও কালার নির্ধারণ করার ক্ষেত্রে ব্যবহার করা হয়
- <br/> = লাইন ব্রেক করার ক্ষেত্রে ব্যবহার করা হয়
- <marquee>...........</marquee> = চলমান লিখা দেখানোর জন্য ব্যবহার করা হয়
- <pre>...........</pre> = একপাশে কবিতার মত লাইন (Line) তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
আর্টিকেলের শেষকথাঃ html কি | html Tag List in Bangla - এইচটিএমএল এর সকল ট্যাগ
আমরা এতক্ষন জেনে নিলাম html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla)। আশা করি আমাদের আজকের এই আরটিকেল তোমাদের ভালো লেগেছে। যদি ভালো লাগে তাহলে এখনি বন্ধুদের মাঝে শেয়ার করে দিন । আর এই html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla) রকম নিত্য নতুন আরটিকেল পেতে আমাদের আরকে রায়হান ওয়েবসাইটের সাথেই থাকুন।
KeyWords: html কি ও এইচটিএমএল এর সকল ট্যাগ (html Tag List in Bangla), html tags list bangla, html bangla, html tags list pdf bangla, html tag list pdf bangla, html ট্যাগ লিস্ট pdf download, html tag list bangla pdf download, html tag list with example
Thanks for kind information