HTML এ কোনো কিছু লিখার জন্য
বিভিন্ন ট্যাগ লিখতে হয়।এই ট্যাগ গুলো <> ও </> এই চিহ্ন দিয়ে লিখতে
হয়।এই চিহ্ন এর মাঝে লেখা মিলিয়ে একত্রে এটাকে ট্যাগ বলা হয়।
<html> </html> , <head> </head> , <body> </body> এভাবে অনেক ট্যাগ আছে।
<html>
<head>
<title>HTML
tittle tag </title>
</head>
<body>
<h1>
heading1 tag</h1>
<p>paragraph
tag</p>
</body>
</html>
প্রায় প্রতিটি ট্যাগের Opening and Closing tag থাকে।যেমন <html>
</html> এখানে <html> হলো Opening ট্যাগ।আর </html> হলো Closing ট্যাগ।
ট্যাগ HTML এর আসল জিনিস।যত বেশি ট্যাগ মুখস্ত রাখতে পারবেন HTML ততো তারাতারি শিখতে
পারবেন।ঘাবড়ানোর কোনো কারন নেই সব ট্যাগ মনে রাখা লাগে না।কাজ করতে করতে মুখস্ত
হয়ে যাবে।
কিছু কিছু ট্যাগের Closing ট্যাগ নাই।যেমন <img /> ,<input /> ,<br />
<img src="/path/to/image.jpg" alt=""/>
<input type="submit" value="Save"/>
<p> This is
paragraph</p> <br />
<p>This other
paragraph</p>
HTML এর প্রতিটি ট্যাগের কাজ
ভিন্ন ভিন্ন।যেমন আপনি যদি কোনো heading লিখতে চান তাহলে <h1> </h1> এর মধ্যে লিখতে হয়।যদি কোনো paragraph লিখতে চান তাহলে <p></p> এর মধ্যে লিখতে হবে।মনে রাখবেন কিছু ট্যাগ ছাড়া
সব ট্যাগ লেখার পরে অবশ্যই সেটা Close করতে হবে।যেমন
<h1> This is heading1 Example </h1>
এভাবে ট্যাগ Close করতে হয়।
যদি আপনি লিখেন <h1> This is heading1 Example আর Closing tag মানে </h1> না দেন তাহলে হবে না।
প্রতিটি ট্যাগে অনেক ধরনের Attributes ব্যাবহার করা যায়। দেখুন উপরে src , type এগুলো ট্যাগের Attributes।
আপনি যতো ট্যাগ ব্যাবহার করবেন সেটা <html> </html> এর মধ্যে ব্যাবহার
করতে হবে।এর পরে head ট্যাগ তার ভিতরে আবার title ট্যাগ ব্যাবহার করতে পারবেন।এর পরে body ট্যাগের ভিতর paragraph ট্যাগ heading ট্যাগ সহ অনেক ট্যাগ ব্যাবহার করা হয়ে থাকে।
একটা বিষয় মনে রাখা ভাল heading ট্যাগ <h1> থেকে <h6> পর্যন্ত হয়ে থাকে।
আপনি যদি কোন heading কে <h1> </h1> এর ভিতরে লিখেন তাহলে সেটা একটু বড় আকারে দেখাবে।এভাবে <h2> , <h3> , <h4> , <h5> , <h6> পর্যন্ত লিখতে পারবেন।আপনাদের ধারনা দেবার জন্য নিচে দেখানো হলো-
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
বিদ্রঃ ট্যাগগুলো ছোটহাতের অক্ষরে লিখবেন।যেমন <html>
</html> কখনো <html> </HTML> এভাবে লেখা যাবে না। Closing ট্যাগ দিতে ভুল করবেন না।
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 নির্দেশ করে।
|
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন