Html tag in details | 50 tag in html | Some important tag in html

আশা করি বন্ধুরা সকলে ভালোই আছেন। আজ আমি গুরুত্বপূর্ণ বিশেষ কিছু tag নিয়ে বিস্তারিত আলোচনা করব। আশা করি আপনাদের উপকারে আসবে। তাই মনোযোগ সহকারে ব্লগটি প্রথম থেকে শেষ পর্যন্ত পড়ার অনুরোধ রইল।

 

গুরুত্বপূর্ণ html ট্যাগ:


1. <h1> থেকে <h6> --- Heading নির্দেশ করে। h1 সবচেয়ে বড় হেডিং এবং h6 সবচেয়ে ছোট হেডিং।

2. <p> লেখা </p> ----- প্যারাগ্রাফ বোঝায়।

3. <br> ----- কোন লাইনকে নিচের লাইনে নামাতে চাইলে।

4. <hr> অর্থাৎ horizontal(আনুভূমিক)--- বাম পাশ থেকে ডান পাশ বরাবর লম্বা লাইন হবে।

5.  <! -- লেখা --> কমেন্ট লেখার ক্ষেত্রে ব্যবহার করা হয়।

 6.  <abbr> </abbr>
     <abbr title="Hyper Text Markup    Language">HTML </abbr>
সংক্ষিপ্ত রূপ প্রকাশের ব্যবহার হয়ে থাকে।HTML এবং CSS আউটপুটে নামের নিচে ডট ডট চিহ্ন দেখা যাবে এবং মাউসের কার্সর  রাখলে নামের সংক্ষিপ্ত বিবরণ দেখাবে।

অথবা,
<p title="Hyper Text Markup    Language">HTML </p>
আউটপুটে নামের নিচে মাউসের কার্সর রাখলে নামের সংক্ষিপ্ত বিবরণ দেখাবে।

7.  <Address> ঠিকানা লিখব </Address>
লেখা মাঝে নিতে attribute ব্যবহার করব

<address align = "center">

ঠিকানা লেখার ক্ষেত্রে ব্যবহার করা হয়ে থাকে। সুন্দর করে ঠিকানা দেওয়ার জন্য প্রত্যেকটি লাইনের শেষে <br> tag ব্যবহার করব।

8.. <b>লেখা</b> ---------- Bold অর্থাৎ লেখা মোটা বা গাড়ো করতে ব্যবহৃত হয়।
or
<strong>লেখা</strong>  একই রকম এর ব্যবহার।

9.  <bdo>  </bdo>
<bdo dir = "Rtl">লেখা </bdo>
রাইট থেকে লেফট লেখা দেখাতে ব্যবহৃত হয়।

10. <blockquote>লেখা </blockquote>
লেখাটুকু প্রায় ১ ইঞ্চি পরিমাণ ডানে সরাতে ব্যবহার করা হয়ে থাকে।

11. <q>লেখা</q>

12.  <cite>লেখা</cite> ----- ইটালিক লেখা দেখাবে।
or
 <i>লেখা</i>------ ইটালিক লেখা দেখাবে
or
 <em>লেখা</em>----- ইটালিক লেখা দেখাবে।
or
 <var>লেখা</var>----- ইটালিক লেখা দেখাবে।


13. <code>লেখা </code>----- স্বাভাবিক লেখা থেকে লেখা ছোট দেখাবে।
or
<small>লেখা </small>----- স্বাভাবিক লেখা থেকে লেখা ছোট দেখাবে।

14.  <big>লেখা </big>----- লেখা বড় করতে ব্যবহার করা হয়ে থাকে।

15.  <del>লেখা </del>----- লেখার মাঝ বরাবর দাগ হবে।
or
<s>লেখা </s>----- লেখার মাঝ বরাবর দাগ হবে।
or
<strike>লেখা </strike>----- লেখার মাঝ বরাবর দাগ হবে।

16. <mark>লেখা </mark>----- লেখা হাইলাইট করতে ব্যবহার করা হয়ে থাকে।

17.  <pre> কবিতার ছন্দে অথবা যেভাবেই লিখতে চান </pre>
যেভাবে লিখবেন সেভাবে আউটপুট দেখাবে। অর্থাৎ আপনি যেমন স্পেস দিবেন আউটপুটে ঠিক তেমনি লেখা দেখাবে।

18. <sub> </sub>  ----- যেকোনো অক্ষর বা লেখাকে নিচে নামাতে ব্যবহার করা হয়ে থাকে। যেমনঃ H2o
H<sub>2</sub>0

19.  <sup> </sup>---- যেকোনো অক্ষর বা লেখাকে উপরে নিতে ব্যবহার করা হয়।
b<sup>2</sup>

20.  <u>লেখা </u>----- Underline অর্থাৎ লেখার লাইনের নিচে দাগ দেওয়ার জন্য ব্যবহার করা হয়।
or
<ins>লেখা </ins>----- Underline অর্থাৎ লেখার লাইনের নিচে দাগ দেওয়ার জন্য ব্যবহার করা হয়।

21.  <a>লেখা </a>
<a>Click here</a>
<a href = "https://www.banglapen.com/">Click here</a>
Hyperlink অর্থাৎ লিংক করার জন্য ব্যবহার করা হয়ে থাকে।

22. <details>
<summary> লেখা </summary>
     </details>
আউটপুটে লেখার বাম পাশে মাউসের মাউসের কাসর রাখলে summary এর মাঝ অংশের লেখা দেখাবে।


23.  <img src = নাম.jpg>
<img src = নাম.jpg"style =width:600px;">

<img src = "নাম.jpg" width="500" height="600">

আউটপুটে ইমেজ উক্ত উইড এবং হাইট অনুযায়ী দেখাবে।



আমার ব্লগ সাইটটি ভিজিট করার জন্য সবাইকে ধন্যবাদ। আপনারা আবারো আমার  সাইটটি ভিজিট করবেন। এরকম বিভিন্ন ধরনের তথ্য পাবেন। আশা করি আপনাদের ভালো লাগবে এবং উপকারে আসবে।

Previous Post
No Comment
Add Comment
comment url