এইচটিএমএল/ট্যাগ: সংশোধিত সংস্করণের মধ্যে পার্থক্য
বিষয়বস্তু বিয়োগ হয়েছে বিষয়বস্তু যোগ হয়েছে
যখন আপনি এইচটিএমএল ডকুমেন্ট উপর হতে নিচ , ডান হতে বামে সব স... দিয়ে তৈরি পাতা |
সম্পাদনা সারাংশ নেই |
||
৩২ নং লাইন:
<input type="text" size="12" /> -- Input Field
</source>
ট্যাগ সমূহ বর্ণনা
<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 নির্দেশ করে।
<u></u> Underline বা লিখার নিচে লাইন নির্দেশ করে।
<del></del> মাঝে মাঝে আমরা অনেক ওয়েব সাইটে দেখি যে কোন একটি ওয়ার্ড বা বাক্যে বার্টিক্যালি মাঝ বড়াবর দাগ টানা থাকে। সাধারনত পন্যদ্রব্য এর কেনা বেচার সাইটে কোন পুরাতন লিখাকে/দাম কেটে নতুন লিখাকে/দাম অন্তর্ভক্ত করতেই এই ট্রাগের ব্যবহার।কিভাবে লিখতে হয় দেখুন- একটি ওয়ার্ড <del>Delete</del> বা একটি বাক্য <del>This is Delete tag example</del>নির্দেশ করে।
<ins></ins> Delete ট্যাগ এর ঠিক উল্টো। পুরাতন লিখাকে কেটে নতুন লিখাকে অন্তুর্ভূক্ত করদেই এই ট্যাগ এর ব্যবহার। Insert ট্যাগটি নরমাল লিখার মতই। তাই ডিলিট ট্যাগ এর সাথে এটি না লিখলে বুঝতে পারা যায় না।
ব্লককোট ট্যাগ(<blockquote></blockquote>): ব্লককোট ট্যাগ যে প্যারা বা লাইনে ব্যবহার করা হবে। শুধু সেই লিখাটুকু বামে কিছুদূর মার্জিন নিয়ে স্বতন্ত্রভাবে প্রদর্শন করবে অন্যসব প্যারা থেকে। নিচের উদাহরণটি অনুসরন করুন-
This is web design tutorials class. This is web design tutorials class. This is web design tutorials class. This is web design tutorials class. This is web design tutorials class. This is web design tutorials class. This is web design tutorials class. This is web design tutorials class. This is web design tutorials class. This is web design tutorials class.
This is web design tutorial. This is web design tutorial. This is web design tutorial.
This is web design tutorial. This is web design tutorial. This is web design tutorial.
This is web design tutorial. This is web design tutorial. This is web design tutorial.
হরিজোনটাল লাইন ট্যাগ (<hr></hr>): HTML এর কিছু ট্যাগ রয়েছে যেগুলো স্টার্টিং ট্যাগ দিয়েই শেষ হয়। এগুলো কোন ইলিমেন্ট বহন করে না বিধায় এগুলো এমন। তার মধ্যে অন্যতম হরিজোনটাল লাইন ট্যাগ। এর কাজ শুধু মাত্র যেখানে এটি ব্যবহার করা হবে সেখানে একটি হরিজোনটাল লাইন প্রদর্শণ করবে। ব্যবহার করে দেখুন এভাবে:
This is web design tutorial. Showing Horizontal Line below.
<hr></hr>
This is web design tutorial. Showing Horizontal Line below above.
কোটেশন ট্যাগ (<q></q> ): এক বা একধিক বর্ণ, শব্দ, বাক্য বা প্যারার শুরুতে এবং শেষে “” চিহৃ কে আমরা কোটেশন বলি। তাই নতুন করে আর পরিচয় করিয়ে দিতে গেলাম না। শুধু নোটপ্যাডে প্রাকটিস করুন এই লাইনটি তাহলেই বুঝবেন-
This is quotation tag.
লাইন ব্রেক ট্যাগ (br/): এক বা একধিক বর্ণ, শব্দ, বাক্য বা প্যারার মধ্যে লাইন ব্রেক করতে এই ট্যাগের ব্যবহার। মানে একটি প্যারা লিখার পর এই ট্যাগ ইউজ করলে নতুন লাইন বা প্যারা শুরু হবে। হুবহু কি-বোর্ডের এন্টার প্রেস করারমত। এটিও হরিজোনটাল লাইন ট্যাগ এর মত কোন উপাদান বহন করে না। অবশ্য বলে রাখা ভাল, প্যারাগ্রাফ ট্যাগ নিজেই লাইন ব্রেকের কাজ করে।
এব্রিভিয়েশন ট্যাগ (<abbr> </abbr>): এই ট্যাগের কাজঃ সাপোজ আপনি কোন ওয়েব সাইটের কোন টেক্ট/বা লাইনকে সংক্ষিপ্ত করে কয়েকটি লেটার/অ্কষর দিয়ে দেখাতে চাচ্ছেন। মানে আপনার পুরো লিখাটি যদি World Wide Web হয়। তাহলে সংক্ষিপ্ত করলে তা হবে WWW। কিন্তু আপনি চাইছেন কেউ এই WWW এর উপরে মাউস কার্সার রাখলে পুরো লিখাটি (World Wide Web) প্রদর্শণ করবে। এই কাজটি করার জন্যই এব্রিভিয়েশন ট্যাগ ব্যবহার করা হয়। নোটপ্যাডে প্রাকটিস করুন এই লাইনটি তাহলেই বুঝবেন-
<abbr title="World Wide Web">WWW</abbr>
টেক্সট ডিরেকশন ট্যাগ (<bdo dir=" "></bdo> ): এই ট্যাগটি আপনার লিখার ডিরেকশন পরিবর্তন করবে। ধরুন আপনি চাইছেন আপনার মূল লিখাটি “This is opposite Direction Tag” আপনি এই লাইটিকে gaT noitceriD etisoppo si sihT এভাবে লিখতে তাহলে আপনাকে নিচের ট্যাগটি লিখতে হবে-
<bdo dir=rtl>This is opposite Direction Tag</bdo>
<bdo> এবং </bdo> হলো মূল ট্যাগ কিন্তু আপনার টেক্টসকে উল্টা ডিরেকশনে দেখাতে হলে dir=’”” এ rtl রিখতে হবে। কারন ইংরেজি বণর্মালাতে ক্রমান্বয়ে সর্বশেষে r, তার আগে t এবং তার আগে l আসে। বুঝাতে পেরেছি কি? না পারলে মন্তব্যে জানান।
বিগ ট্যাগ (<big></big> ): সাধারন বা যেকোন সাইজের ফন্টকে অপেক্ষাকৃতি বড় দেখানোর জন্য এই ট্যাগ ব্যবহার হয়। নিচের মত করে...
This is big tag.
কোড ট্যাগ (<code></code>): যারা প্রোগ্রামিং করেন তাদের প্রোগ্রামিং এরিয়াতে দেখবেন লিখার স্টাইলগুলো। যে ফন্টেই লিখেন না কেন স্টাইলটা হবে কোন লিখার মত। অনেকটা জায়গা আলাদা করে নিয়ে প্রদর্শন করবে এই কোডের ভেতরে কিছু লিখলো। নিচের মত করে...
This is code for html code tag
| |||