html tags list ই মূলত এইচটিএমএল এর প্রধান উপাদান | Tag আর attribute এর মাধ্যমে এইচটিএমএল প্রকাশিত হয় কিন্তু Tag আর attribute এর নাম প্রকাশিত হয় না ; Tag এর মাঝে যা থাকে তাই প্রকাশিত হয় |
Bangladesh is a small but beautifull country
উদাহরনঃ
< !-- This Tutorials create by Md Ashikuzzaman -->
বর্ণনা ঃ এটা হছে HTML এর ভার্সন ঘোষণা করার ট্যাগ | একটি এইচটিএমএল পেইজে সর্ব প্রথম এই ট্যাগ ব্যবহার করতে হয় |
উদাহরনঃ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html/strict.dtd">
উদাহরনঃ
যেভাবে <a> এর সাহায্যে লিঙ্ক দেওয়া হয় |
<a href="https://webbeginnertips.blogspot.com/2018/05/introduction-of-html.html"> Indruction of html </a>
এখানে ক্লিক করে টেস্ট করুন
যেমন ঃ WHO = World Health Organization
রেজাল্ট ঃ নিচের WHO লেখার উপর মাউস নিলে আপনি এর abbreviation দেখতে পারবেন |
উদাহরণ ঃ
নোট ঃ এই ট্যাগ ব্যবহার না করলেও এইচটিএমএল পেইজে কোন সমস্যা হয়না কিন্তু SEO তে ভালো রেজাল্ট করার জন্য এ ট্যাগটি ব্যবহার করা বাধ্যতামূলক |
উদাহরণ ঃ
উদাহরণ ঃ
<audio src="https://freesound.org/people/InspectorJ/sounds/419231/" controls></audio>
HTML TAGS LIST WITH EXAMPLE ২য় পর্ব
 |
| html tag structure |
HTML TAGS LIST পর্ব ১
নিচের কোডটি Notepad++ লিখলে ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<p>Bangladesh is a small but beautifull country</p>
</body>
</html>
Browser এ প্রকাশিত হবে ঃ<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<p>Bangladesh is a small but beautifull country</p>
</body>
</html>
Bangladesh is a small but beautifull country
<body>
<p>এখানে যা লেখবেন ব্রাউজারে তা প্রকাশিত হবে </p>
<h1>এখানে যা লেখবেন ব্রাউজারে তা প্রকাশিত হবে </h1>
</body>
<p>এখানে যা লেখবেন ব্রাউজারে তা প্রকাশিত হবে </p>
<h1>এখানে যা লেখবেন ব্রাউজারে তা প্রকাশিত হবে </h1>
</body>
html tags list with description
<!-- -->
বর্ণনা ঃ এটা হচ্ছে comment করার ট্যাগ | এর মাঝে যা কিছু লেখবেন তা ব্রাউজারে প্রকাশিত হবে না | HTML পেইজের যে কোন জায়গায় এই ট্যাগ ব্যবহার করেত পারবেন |উদাহরনঃ
< !-- This Tutorials create by Md Ashikuzzaman -->
এইচটিএমএল পেইজে যেভাবে কমেন্ট করা হয় ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorials created by Md Ashikuzzaman --> <p>Bangladesh is a small but beautifull country</p>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorials created by Md Ashikuzzaman --> <p>Bangladesh is a small but beautifull country</p>
</body>
</html>
<!DOCTYPE >
উদাহরনঃ
এইচটিএমএল ৫ এর <!DOCTYPE > নিম্নরূপ ঃ
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorials created by Md Ashikuzzaman -->
<p>Bangladesh is a small but beautifull country</p>
</body>
</html>
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorials created by Md Ashikuzzaman -->
<p>Bangladesh is a small but beautifull country</p>
</body>
</html>
এইচটিএমএল 4.01 এর <!DOCTYPE > নিম্নরূপ ঃ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html/strict.dtd">
<a>
বর্ণনা ঃ এটা হচ্ছে লিঙ্ক দেওয়ার ট্যাগ | লিঙ্ক এর সাহায্যে এক পেইজ থেকে আরেক পেইজে যাওয়া যায় , এক ওয়েবসাইট থেকে আরেক ওয়েবসাইটে যাওয়া যায় |উদাহরনঃ
যেভাবে <a> এর সাহায্যে লিঙ্ক দেওয়া হয় |
<a href="https://webbeginnertips.blogspot.com/2018/05/introduction-of-html.html"> Indruction of html </a>
এখানে ক্লিক করে টেস্ট করুন
<abbr>
বর্ণনা ঃ এটা হচ্ছে abbreviation দেওয়ার Tag |যেমন ঃ WHO = World Health Organization
এইচটিএমএল পেইজে যেভাবে <abbr> ট্যাগ ব্যবহৃত হয়ঃ
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorials created by Md Ashikuzzaman -->
<p> The <abbr title="World Health Organization">WHO</abbr> is an International Organization</p>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>We Love Bangladesh</title>
</head>
<body>
<!-- This Tutorials created by Md Ashikuzzaman -->
<p> The <abbr title="World Health Organization">WHO</abbr> is an International Organization</p>
</body>
</html>
রেজাল্ট ঃ নিচের WHO লেখার উপর মাউস নিলে আপনি এর abbreviation দেখতে পারবেন |
WHO
নোট ঃ <abbr> ট্যাগ ছাড়া শুধুমাত্র title attribute ব্যবহার করে abbreviation দেওয়া যায় কিন্তু search engine সেটাকে abbreviation হিসেবে গন্য করেনা | তাই কোন word এর abbreviation দেওয়ার জন্য <abbr> ট্যাগ ব্যবহার করা বাধ্যতামূলক |
<address>
বর্ণনা ঃ এটা হচ্ছে ঠিকানা বা Address দেওয়ার Tag |উদাহরণ ঃ
<address>
Name :Ashikuzzaman <br />
country : Bangladesh
</address>
Name :Ashikuzzaman <br />
country : Bangladesh
</address>
<area>
বর্ণনা ঃ এটা হচ্ছে ইমেজ ম্যাপ এর এরিয়া চিহ্নিত করার Tag |
নোট ঃ এটি একটি single tag
<article>
বর্ণনা ঃ এটা হচ্ছে ওয়েবসাইটে আর্টিকেল বা প্রবন্ধ লেখার Tag |
নোট ঃ ব্লগ বা পত্রিকার ওয়েবসাইটে এ ট্যাগটি সর্বাধিক ব্যবহৃত হয় |
উদাহরণ ঃএইচটিএমএল পেইজে যেভাবে <article> ট্যাগ টি ব্যবহৃত হয়ঃ
<article>
<h1>Bangladesh</h1>
<p>Bangladesh is a small country but very nice</p>
</article>
<h1>Bangladesh</h1>
<p>Bangladesh is a small country but very nice</p>
</article>
নোট ঃ এই ট্যাগ ব্যবহার না করলেও এইচটিএমএল পেইজে কোন সমস্যা হয়না কিন্তু SEO তে ভালো রেজাল্ট করার জন্য এ ট্যাগটি ব্যবহার করা বাধ্যতামূলক |
<aside>
বর্ণনা ঃ এটা হচ্ছে Website এর sidebar চিহ্নিত করার ট্যাগ |উদাহরণ ঃ
এইচটিএমএল পেইজে যেভাবে <aside> ট্যাগটি ব্যবহৃত হয় ঃ
<aside>
<div>
<h1>popular post </h1>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
</ul>
</div>
</aside>
<div>
<h1>popular post </h1>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
</ul>
</div>
</aside>
নোট ঃ এই ট্যাগ ব্যবহার না করলেও এইচটিএমএল পেইজে কোন সমস্যা হয়না কিন্তু SEO তে ভালো রেজাল্ট করার জন্য এ ট্যাগটি ব্যবহার করা বাধ্যতামূলক |
<audio>
বর্ণনা ঃ এটা হচ্ছে Website এ অডিও গান বা অডিও শব্দ দেওয়ার ট্যাগ |উদাহরণ ঃ
<audio src="https://freesound.org/people/InspectorJ/sounds/419231/" controls></audio>
HTML TAGS LIST WITH EXAMPLE ২য় পর্ব
No comments:
Post a Comment