Sunday, June 1, 2014

HTML সুবিধা ও সিনট্যাক্স ও ট্যাগ পরিচিতি



HTML এর সুবিধাঃ

HTML ব্যবহার করতে ও বুঝতে অত্যন্ত সহজ। এটি সকল ব্রাউজার সাপোর্ট করে। অন্য যে কোন ভাষার তুলনায় HTML বেশির ভাগ ব্রাউজার সাপোর্ট করে। এর ফলে আমরা যখন HTML দ্বারা ওয়েব পেইজ তৈরী করি পৃথিবীর প্রায় সকল ব্রাউজারে এটি প্রদর্শিত হয়। HTML বেইজড ওয়েব পেইজ অপটিমাইজ করা অত্যন্ত সহজ। HTML এবং XML এর গঠন একই রকম, বর্তমানে ডেটা সংরক্ষণের জন্যে XML ব্যাপকভাবে ব্যবহৃত হচ্ছে। HTML এবং XML এর গঠন/সিনটেক্স একইরকম হওয়ার কারণে এ দুটি প্লাটফর্মে কাজ করা সহজ হয়।
HTML এর সবচেয়ে বড় সুবিধা হল যে এটি বিনা মুল্যে পাওয়া যায় এর জন্যে কোন প্রোগ্রাম বা সফটওয়্যার কিনে নিতে হয় না শুধুমাত্র নোটপেড ব্যবহার করে HTML কোড লিখলেই প্রোগ্রামটি নির্বাহ করে। কোন নির্দিষ্ট কমান্ড ভুল হলে শুধু ঐ কমান্ড কাজ করে না। বাকি কমান্ড গুলো ঠিক মত কাজ করে। এ কারণে এ ভাষায় কোডিং করা অন্যান্য যে ভাষা থেকে সহজতর। এর ফলে ওয়েব সাইট তৈরিতে অনেক সাশ্রয় হয়। সকল ডেভেলাপমেন্ট টুলস HTML কে সাপোর্ট করে - যেহেতু এটি একটি ফ্রন্টপেজ। অন্যান্য ওয়েবসাইট উন্নয়ন টুলস দ্বারা এবং প্রোগ্রামিং ভাষা সাপোর্ট করে। এটি সকল সার্চ ইঞ্জিন ফ্রেন্ডলি, সকল ওয়েব ডেভেলাপমেন্ট ল্যাঙ্গুয়েজের মধ্যে HTML সকল সার্চ ইঞ্জিনের কাছে সবচেয়ে বেশী ফ্রেন্ডলি। সকল সার্চ ইঞ্জিনের জন্যে HTMLপড়া  এবং এক্সেস করা সহজ ফলে এক্সেস টাইম বা ওয়েব পেজ লোড হতে কম সময় লাগে এর ফলে সার্চিং এ ভালো ফলাফল পাওয়া যায়


HTML ট্যাগ ও সিনট্যাক্স পরিচিতিঃ 

HTML এর মাধ্যমে ওয়েব পেইজ ডিজাইন করার সময় < > এবং </> চিহ্ন ও এর মধ্যে কীওয়ার্ড যেমন - html, head, title, body,... ইত্যাদি ব্যবহার করা হয়। < > এবং </> চিহ্ন সহ মাঝখানের কীওয়ার্ডকে একত্রে ট্যাগ বলা হয়। HTML এ শুরু < > এবং শেষ </> ট্যাগ এর মাঝখানের অংশকে HTML Element বলা হয়।

<h1> This is Element </h1>
এখানে <h1> হল Start Tag
</h1> হল End Tag
এবং This is Element হল Element

নিচে HTML এ ব্যবহৃত কিছু সাধারণ ট্যাগ ও এদের ব্যবহার বর্ণণা করা হলঃ

ট্যাগ-----------------------------বর্ণণা
<html>...</html> ------HTML ডকুমেন্ট নির্দেশ করে
<head>..</head>           ----     পেইজের Head নির্দেশ করে
<title>..</tilte>            ---   পেইজের Title নির্দেশ করে
<body>..</body>-         ---  মূল Content নির্দেশ করে
<a>..</a>-                   -------- Anchor Tag
<abbr>..</abbr>                  --Abbreviation Tag
<b>..</b>                      -------কোন টেক্সটকে Bold করতে
<i>..</i>-                         ----লিখাকে Italic বা বাঁকা করতে
<big>..</big>                   ---লিখাকে স্বাভাবিকের চেয়ে বড় করতে
<strong>..</strong>        ----কোন টেক্সট Strong করতে
<sub>..</sub>                 ----Subscripted টেক্সট নির্দেশ করতে
<sup>..</sup>                 ---Superscripted টেক্সট নির্দেশ করতে
<blockquote>..</blockquote>--কোন উদ্বৃতি প্রকাশ করতে
<table>..</table>             ---টেবিল তৈরী করতে
<col>..</col>                ---টেবিল কলাম তৈরী করতে
<td>..</td>                 ----টেবিলের cell তৈরী করতে
<th>…..</th>              --টেবিলের Header / শিরোনাম লিখতে
<tr>..</tr>                 ---টেবিলের Row/সারি তৈরীতে
<form>..</form>       ----Form তৈরীতে
<input>…..</input>  ---Form এর Input Field তৈরীয়ে
<li>…..</li>             ----List তৈরীতে
<ol>…..</ol>          ----Ordered List তৈরীতে
<ul>…..</ul>         -----Un-ordered LIst তৈরীতে
<p>…..</p>          ------Paragraph তৈরীতে
<br/>            ----------একলাইন নিচে যেতে

1 comment:

  1. খুবই সুন্দর পোস্ট
    html ট্যাগ এবং syntax এর পাশাপাশি html কি এবং এর মৌলিক বিষয় সমূহ জানাটাও খুব জরুরী।

    ReplyDelete

পোস্ট সম্পর্কে মতামত দিন