HTML শিখুন হাতে কলমে(HTML ট্যাগ কি,সাধারন ট্যাগ সমূহ,ইলিমেন্ট,এট্রিবিউটস্) [পর্ব-২]

Awesome! টিউনস

সকল Awesome! টিউনস

এ মাসের টেকটিউনস সংবাদঃ ডিসেম্বর-২০০৯

রনি পারভেজ

এক সাথে যত খুশি ততো ই-মেইল চেক করুন ডেস্কটপ থেকে! প্রয়োজনীয় না হলে মূল্য ফেরত

হাসান যোবায়ের

হয়ে উঠুন পেনড্রাইভ ভাইরাস/ম্যালওয়্যার কিলার

এস বি মেহদি

ওয়েবসাইট তৈরী এবং হোস্টিং এর কয়েকটি ফ্রি অনলাইন টুল

দুঃসাহসী টিনটিন

3,794 দেখা 2 টিউমেন্টস জোসস

টিউন বিভাগ এইচটিএমএল

প্রকাশিত

Level 0

Goushul

7 টিউনস 4 টিউমেন্টস 0 ফলোয়ার

টিউমেন্ট ফলো জোসস

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 নির্দেশ করে।

HTML ইলিমেন্ট

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 এ এট্রিবিউটস ইলিমেন্ট এর আনুসাঙ্গিক তথ্য প্রকাশ করে । মূলত 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" দ্বারা প্রকাশ করছে লেখাটির রং হবে লাল।

কিছু HTML এট্রিবিউটস্

ট্যাগ	এট্রিবিউটস্
<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 সম্পর্কে ধারণা পাবেন।

ভালো লাগলে মন্তব্য করতে ভুলবেন না,
আজ এই পর্যন্ত,আল্লাহ হাফেজ

টিউমেন্ট ফলো জোসস

Level 0

Goushul

আমি Goushul। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 7 টি টিউন ও 4 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।