সহজে শিখুন এইচটিএমএল (পর্ব ২)

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

উদাহরন:


<!DOCTYPE html>
<html>
<body>

<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>

</body>
</html>

উদাহরন:


<!DOCTYPE html>
<html>
<body>

<a href="http://www.w3schools.com">This is a link</a>

</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করুন।

Level 0

আমি Subrata deb nath। Full Stack Web Developer, Sbtechbd Technology, Dhaka। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 25 টি টিউন ও 13 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস