Saturday, July 6, 2013

HTML এর সাধারন ট্যাগ সমূহ

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


এই coding গুলো আপনারা নিজে নিজে Try করুন এবং দেখুন কিভাবে কাজ করে । তাহলে আপনাদের আমি আরও এগিয়ে নিয়ে জেতে পারব কারন আমাদের প্রফেশনাল কাজ শিখতে হবে আর যার জন্য অনেক দূর যেতে হবে ।

 ব্রিঃ দ্রঃ এইচটিএমএল HTML ট্যাগ দিয়েই background color পরিবর্তন, একটা লেখা Centre, Left, Right এ নেওয়া অর্থাৎ align করন, Font Family, Font Size, Font Style, color, List ( Disc, Squre,), অর্থাৎ এককথাই কিছু ডিজাইন আমরা এইচটিএমএল HTML দিয়ে করতে পারি। কিন্তু প্রফেশনালই HTML দ্বারা এগুলো করা হয় না। এগুলো করা হয় stylesheet অর্থাৎ সিএসএস CSS দিয়ে। সেটা হবে এবার External style.css, কারন Inline, Embedded CSS, W3 validate না, SEO friendly নয়। বেশিরভাগ Client আপনার কাছে W3 validate coding চাইবে । W3 validate নিয়ে অন্য কোন পোস্টে লিখব।

আমরা আগামীতে ধারাবাহিক ভাবে শিখবঃ এইচটিএমএল HTML দিয়ে যেভাবে লিংক Link দিতে হয়, ছবি সংযোজন, Table টেবিল সংযোজন ( মনে রাখবেন এটা আমরা PHP form function এ ব্যবহার করবো )। এরপর আমরা HTML, CSS একসাথে coding করবো, যেটা আমাদের মুল লক্ষ্য। আপনারা HTML টা বারবার practice করুন। তাহলেই আমি মূল প্রফেশনাল coding শুরু করতে পারি।

আপনাদের সবাইকে অনেক অনেক ধন্যবাদ, আমার ব্লগের সাথেই থাকুন।
আরও জানতে visit করুন প্রফেশনাল ওয়েব ডিজাইন

আপনাদের সবাইকে অনেক অনেক ধন্যবাদ, আমার ব্লগের সাথেই থাকুন।
আরও জানতে visit করুন প্রফেশনাল ওয়েব ডিজাইন

কোন সমস্যা হলে বা প্রশ্ন থাকলে ব্লগে দয়াকরে comment post করে জানাবেন।

   

0 comments:

Post a Comment