আমাদের কথা খুঁজে নিন
HTML শিখুন হাতে কলমে(HTML ট্যাগ কি,সাধারন ট্যাগ সমূহ,ইলিমেন্ট,এট্রিবিউটস্) [পর্ব-২]
HTML এ প্রোগ্রাম লেখার জন্য <> এবং </> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body ইত্যাদি Keyword ব্যবহার করা হয়। <> বা </> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে একত্রে ট্যাগ বলা হয়। যেমন <html> এবং </html> । <body> হল body শুরু ট্যাগ এবং </ body> হল body শেষ ট্যাগ।
ট্যাগ সমূহ
বর্ণনা
<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 এ যেকোন শুরু ও শেষ ট্যাগ এবং মাঝের অংশকে ইলিমেন্ট বলা হয়।
যেমন <h1> This is an example of element.</h1> । এখানে <h1> হেডার1 শুরু এবং </h1> হেডার1 শেষ ট্যাগের মাঝে This is an example of element. লেখা হয়েছে, তাই <h1> This is an example of element.</h1> একটি ইলিমেন্ট। কিছু কিছু ট্যাগের কোন ইলিমেন্ট থাকে না যেমন <br /> ,<img /> ইত্যাদি।
শরু ট্যাগ
ইলিমেন্ট কনটেন্ট
শেষ ট্যাগ
<h1>
This is an element.
</h1>
<p>
This is paragraph.
</p>
<br />
<img />
সাধারণতঃ যে সকল ট্যাগের শেষ ট্যাগ থাকে না তাদের ইলিমেন্টও থাকে না। এ ধরণের শুরু ট্যাগের মধ্যেই / চিহ্নটি অন্তর্ভূক্ত থাকে, এবং এর আগে একটা স্পেস দিতে হয়।
HTML এ এট্রিবিউটস ইলিমেন্ট এর আনুসাঙ্গিক তথ্য প্রকাশ করে । মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য এট্রিবিউটস ব্যবহার করা হয়। যেমন <font size="5" face="Tahoma" color="red"> This is a paragraph.</font> এখানে size="5" অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে ইলিমেন্ট অর্থাৎ This is a paragraph. লেখাটির সাইজ কেমন হবে। এছাড়া face="Tahoma" প্রকাশ করছে লেখাটির font হবে Tahoma এবং color="red" দ্বারা প্রকাশ করছে লেখাটির রং হবে লাল।
ট্যাগ
এট্রিবিউটস্
<font>
size="5" face="Tahoma" color="red"
<h1>….<h6> <p>
align="center" align="left" align="right" title="Bangladesh"
<body>
bgcolor="green" background="../images/ele.png"
<div>
id="book" align="center"
<img> <table>
height="100px" width="50px" border="5px"
<input />
type="text" name="TextField"
<html>
<head>
<title> http://www.creativewritingzone.com</title>
</head>
<body bgcolor=" green">
<font size="5" face="Tahoma" color="red">
This is a paragraph.
</font>
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করুন।
আমার বিশ্বাস কিছুটা হলেও এ থেকে HTML সম্পর্কে ধারণা পাবেন।
ভালো লাগলে মন্তব্য করতে ভুলবেন না,
আজ এই পর্যন্ত,আল্লাহ হাফেজ
।
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।