HTML TAGS LIST EXAMPLE ২য় পর্ব
html tags list example. Tag আর attribute এর মাধ্যমে এইচটিএমএল প্রকাশিত হয় কিন্তু Tag আর attribute এর নাম প্রকাশিত হয় না ; Tag এর মাঝে যা থাকে তাই প্রকাশিত হয় | নিচে উদাহরণ সহ ব্যাখ্যা করা হলো ঃ
<b>
বর্ণনা ঃ এটা হচ্ছে কোন Word বা Sentence কে মোটা করার ট্যাগ |উদাহরনঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p> <b>Bangladesh</b>is a beautifull country </p>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p> <b>Bangladesh</b>is a beautifull country </p>
</body>
</html>
উপরের কোড টি ব্রাউজারে রান করলে দেখতে পাবেন ঃ
Bangladesh is a beautifull country
নোট ঃ কোন Word বা Sentence কে css দিয়ে মোটা করায় ভালো |
<bdo>
বর্ণনা ঃ word বা sentence কে ডান পাশ থেকে বাম পাশে অথবা বাম পাশ থেকে ডান পাশে নেওয়ার ট্যাগ |উদাহরণ ঃ
লেখা বাম পাশ থেকে শুরু করার জন্য <bdo> ট্যাগ যেভাবে লিখতে হয় ঃ
<bdo dir="ltr">
<p> লেখা বামপাশ থেকে শুরু হবে </p>
</bdo>
<p> লেখা বামপাশ থেকে শুরু হবে </p>
</bdo>
রেজাল্ট ঃ লেখা বামপাশ থেকে শুরু হবে
লেখা ডান পাশ থেকে শুরু করার জন্য <bdo> ট্যাগ যেভাবে লিখতে হয় ঃ
<bdo dir="rtl">
<p> লেখা ডানপাশ থেকে শুরু হবে </p>
</bdo>
<p> লেখা ডানপাশ থেকে শুরু হবে </p>
</bdo>
রেজাল্ট ঃ লেখা ডানপাশ থেকে শুরু হবে
নোট ঃ <bdo> ট্যাগ টি direction attribute এর সাহায্যে পরিচালিত হয় | direction কে সংক্ষেপে dir লেখা হয় |
dir="ltr" মানে হলো ঃ Left To Right
dir ="rtl" মানে হলো ঃ Right to Left
dir="ltr" মানে হলো ঃ Left To Right
dir ="rtl" মানে হলো ঃ Right to Left
<blockquote>
বর্ণনা ঃ এটা হচ্ছে উক্তি বা মন্তব্য দেওয়ার ট্যাগ |উদাহরণ ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p> পাপ সম্পর্কে কাজী নজরুল ইসলাম বলেছেন</p>
<blockquote>---------------------------------------------- <!-- <blockquote> শুরু -->
এ পাপ মুলুকে পাপ করেনি ক কে আছে পুরুষ নারী , আমরা ত ছার - পাপে পঙ্কিল পাপীদের কাণ্ডারি
</blockquote>-------------------------------------------------- <!-- </blockquote> শেষ -->
</body>
</html>
উপরের কোড টি ব্রাউজারে রান করলে দেখতে পাবেন ঃ<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p> পাপ সম্পর্কে কাজী নজরুল ইসলাম বলেছেন</p>
<blockquote>---------------------------------------------- <!-- <blockquote> শুরু -->
এ পাপ মুলুকে পাপ করেনি ক কে আছে পুরুষ নারী , আমরা ত ছার - পাপে পঙ্কিল পাপীদের কাণ্ডারি
</blockquote>-------------------------------------------------- <!-- </blockquote> শেষ -->
</body>
</html>
পাপ সম্পর্কে কাজী নজরুল ইসলাম বলেছেন
এ পাপ মুলুকে পাপ করেনি ক কে আছে পুরুষ নারী , আমরা ত ছার - পাপে পঙ্কিল পাপীদের কাণ্ডারি
<body>
বর্ণনা ঃ এটা হচ্ছে এইচটিএমএল পেইজ এর বডি সনাক্ত করার ট্যাগ | বডি ট্যাগ এর ভিতরে যা থকে তাই আমরা দেখতে পাই |উদাহরণ ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>---------------------------------------------------------- <-- <body> শুরু -- >
<!-- This Tutorials created by Md Ashikuzzaman -->
<p> Bangladesh is a beautiful country </p>
</body>----------------------------------------------------------- <!-- </body> শেষ -->
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>---------------------------------------------------------- <-- <body> শুরু -- >
<!-- This Tutorials created by Md Ashikuzzaman -->
<p> Bangladesh is a beautiful country </p>
</body>----------------------------------------------------------- <!-- </body> শেষ -->
</html>
Bangladesh is a beautiful country
<br/>
বর্ণনা ঃ লেখার মাঝে ব্রেক দেওয়ার জন্য এই ট্যাগ ব্যবহৃত হয় |উদাহরণ ঃ <br/> ট্যাগ বিহীন একটি প্যারাগ্রাফ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p>Bangladesh ,Dhaka,Mirpur,Bonani </p>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p>Bangladesh ,Dhaka,Mirpur,Bonani </p>
</body>
</html>
উপরের কোড টি ব্রাউজারে রান করলে দেখতে পাবেন ঃ
Bangladesh ,Dhaka,Mirpur,Bonani
উদাহরণ ঃ <br/> ট্যাগ সহ একটি প্যারাগ্রাফ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p>Bangladesh <br /> Dhaka <br />Mirpur <br />Bonani </p>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<p>Bangladesh <br /> Dhaka <br />Mirpur <br />Bonani </p>
</body>
</html>
উপরের কোড টি ব্রাউজারে রান করলে দেখতে পাবেন ঃ
Bangladesh
Dhaka
Mirpur
Bonani
নোট ঃ এটি একটি single tag
<button>
বর্ণনা ঃ বাটন তৈরি করতে এই ট্যাগ ব্যবহৃত হয় | বাটন এ ক্লিক করলে কোন কিছু একটা ঘটে | বাটন কে সুন্দর করতে সিএসএস ব্যবহার করা হয় |উদাহরণ ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<button onclick="alert('আপনি বাটন সম্পর্কে বাটন চ্যাপ্টারে বিস্তারিত জানতে পারবেন ')">CLICK ME </button>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorial created by Md Ashikuzzaman -->
<button onclick="alert('আপনি বাটন সম্পর্কে বাটন চ্যাপ্টারে বিস্তারিত জানতে পারবেন ')">CLICK ME </button>
</body>
</html>
উপরের কোড টি ব্রাউজারে রান করলে দেখতে পাবেন ঃ
<canvas>
বর্ণনা ঃ গ্রাফিক্স জাতীয় কাজে এই ট্যাগ ব্যবহৃত হয় |নোটঃ <canvas> ট্যাগের কাজ বুঝতে হলে আপনাকে জাভাস্ক্রিপ্ট শিখতে হবে |
<caption>
বর্ণনা ঃ টেবিল এ ক্যাপশন দেওয়ার জন্য এ ট্যাগ দেওয়া হয় |
<caption> Tag এর উদাহরণ ঃ
<caption> Tag এর উদাহরণ ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>This is HTML Tutorials</title>
</head>
<body>
<table> <!--<table> ট্যাগ শুরু -->
<td>Name</td>
<td>Old</td>
<td>Expart</td>
</tr>
</table> <!-- </table> ট্যাগ শেষ-->
</body>
</html>
বিস্তারিত জানতে HTML TABLE TAG DESCRIPTION পড়ুন <html lang="en-US">
<head>
<meta charset="UTF-8">
<title>This is HTML Tutorials</title>
</head>
<body>
<table> <!--<table> ট্যাগ শুরু -->
<caption>Employ List</caption>
<tr><td>Name</td>
<td>Old</td>
<td>Expart</td>
</tr>
</table> <!-- </table> ট্যাগ শেষ-->
</body>
</html>
<cite>
বর্ণনা ঃ একটি কাজের শিরোনাম দেওয়ার জন্য এ ট্যাগ ব্যবহৃত হয় |
<cite> ব্যবহারের নিয়ম ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>This is HTML Tutorials</title>
</head>
<body>
<p>This is a <cite>HTML</cite> tutorials</p>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>This is HTML Tutorials</title>
</head>
<body>
<p>This is a <cite>HTML</cite> tutorials</p>
</body>
</html>
<code>
বর্ণনা ঃ কম্পিউটারের কোন বিষয় কে চিহ্নিত করার জন্য <code> ট্যাগ ব্যবহৃত হয় |
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>This is HTML Tutorials</title>
</head>
<body>
<p><code> This is computer code</code> and this is normal paragraph </p>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>This is HTML Tutorials</title>
</head>
<body>
<p><code> This is computer code</code> and this is normal paragraph </p>
</body>
</html>
No comments:
Post a Comment