HTML Tags Bangla

0

 

HTML 7 Most Popular Tag




হেল্লো বন্ধু আজকের এ-ই পর্বে আমি HTML এর ৭টা ত্যাগ সম্পর্কে ধারণা দেব। তুমি যদি আমার আগের পর্বগুলো না পড়ে থাকো। তাহলে তুমি পড়ে নাও কারণ আগের পর্বগুল অনেক গুরুত্বপূর্ণ। 

আগের পর্বের লিংকঃ

HTML Basic Bangla concept

HTML Tag 

HTML Attribute

HTML Basic Structure


তুমি যদি নতুন হয়ে থাকো তাহলে উপরের সকল পর্বগুলো পড়েই এই পর্ব পড়া শুরু কর নাহলে তুমি এ-ই পর্বে কিছুই বুঝতে পারবে না। চল ৫টা প্রয়োজনীয় ত্যাগ সম্পর্কে তোমাদের পরিচয় করিয়ে দেয়।


প্রথমে তুমি তোমার নোটপ্যাড খুলে ফেলে নতুন একটা ফাইল তৈরি করে ফাইলটা নির্দিষ্ট Folder  এ Save কর।(যা তোমাকে আগের পর্বে দেখানো হয়েছে)

তারপর নোটপ্যাড এ Html Basic Structure লেখ।

HTML Mark Tag

<mark></mark> ত্যাগ লিখাকে হলুদ কালার করে। অর্থাৎ তুমি যদি <mark></mark> এর ভিতর কোন কিছু লেখ তাহলে সেই লেখা হ্লুদ কালার করে দেবে।


নিচের লিখটা অবশ্য তোমার নোটপ্যাডে যে Html Basic Structure তৈরি করেছ সেই Structure এর  <body> ত্যাগ এর ভিতর লেখবা। উদাহরণঃ


I love <mark>Html</mark>

OutPut:

I love Html

 

ব্যাখ্যাঃ 

তুমি খেয়াল করলে দেখতে পাবে আমি শুধু Html লিখটাকে mark ত্যাগ ওর ভিতরে রেখছি তাই Html লিখাটা হলুদ রঙের মার্ক হয়েছে।

HTML Marquee Tag

<marquee></marquee> এর ভিতরে কোন কিছু লিখলে সেই লিখা ডান থেকে বামের দিকে চলতে শুরু করে। 

উদাহরণঃ


<marquee>Html Basic Bangla Tutorial: marquee Tag</marquee>


output:

Html Basic Bangla Tutorial: marquee Tag


Html Basic Bangla Tutorial: marquee Tag এ-ই লিখাটা ডান থেকে বামের দিকে চলতে শুরু করছে।

তুমি যদি চাও যে Html Basic Bangla Tutorial: marquee টাগ লিখাটা ডান থেকে বামে যাবেনা।  বাম থেকে ডানে যাবে তাহলে direction='right' এই Attribute দ্বারা করা যাবে। উদাহরণঃ 


<marquee direction="right">Html Basic Bangla Tutorial: marquee Tag</marquee> 

 

Output:


Html Basic Bangla Tutorial: marquee Tag


HTML Big Tag

big ত্যাগ কোন লিখাকে সাধারণ অবস্থা থেকে একটু খানি বড় করে দেয়। যেমন উদাহরণ দেখঃ

 

Bangladesh1

<big>Bangladesh2</big>


Output : Bangladesh1 Bangladesh2


দেখ Bangladesh1 এর থেকে  Bangladesh2 বড় হয়ে গেছে কারণ Bangladesh2 কে big ত্যাগ এর ভিতরে লিখেছি।


HTML Small Tag

small ত্যাগ কোন লিখাকে সাধারণ অবস্থা থেকে একটু ছোট করে নিচে উদাহরণ দেখঃ


<smallBangladesh2-</small>

Bangladesh3

Output : 

Bangladesh2 Bangladesh3


এখানে Bangladesh2 লিখাটাকে small ত্যাগ এর ভিতরে দেওয়ায় কারণে ছোট দেখাচ্ছে কিন্তু Bangladesh3 সাধারণ অবস্থায় আছে তার কোন পরিবর্তন হয়নি।


আরেকটা ত্যাগ নিয়ে কথা বলব। সেটা হচ্ছে center ত্যাগ।

 HTML Center Tag

<center></center> এর কাজ হলো লিখাকে যদি কোন প্রয়োজনে মাঝখানে নিয়ে যেতে চাই তাহলে center ত্যাগ ব্যবহার করতে হয়।


নিচে উদাহরণ দেখঃ


Bangladesh4

<center>Bangladesh5</center>

Output:


Bangladesh4

 Bangladesh5


<center></center> এর ভিতরে Bangladesh5 লিখছি তাই Bangladesh5 মাঝে চলে গেছে কিন্তু Bangladesh4 ডান দিকে অবস্থা করছে।


HTML Sup Tag

sup ত্যাগ দিয়ে লিখাকে একটু  উপরে করা যায়।

ধর। ধর, তুমি এরকম লিখতে চাও x2 y2 তাহলে তোমাকে নিচের মতো লিখতে হবে।


x<sup>2</sup>

y<sup>2</sup>


2 তার স্বাভাবিক অবস্থা থেকে হালকা উপরে উঠে যাবে।   তাহলে তুমি এটা লিখে দেখে ফেলোঃ (a+b)2 = a2 + 2ab + b2


HTML Sub Tag


Sub ত্যাগ কাজ হলো কোন লিখাকে তার সাধারণ অবস্থা থেকে একটু নিচে নিয়ে আসে। যেমন উদাহরণ দেখঃ


<sub>H</sub>ello <sub>B</sub>angladesh


H এবং B কে Sub ত্যাগ এর ভিতরে দেওয়ার কারণ এরা তাদের স্বাভাবিক অবস্থা থেকে একটু নিচে চলে এসেছে।  


আজকের পর্ব এ-ই পর্যন্ত সবাই ভালো থাকবে সুস্থ থাকবে। আর বেশি বেশি করে প্রাক্টিস করতে থাক মুখস্ত করার দরকার নাই।  কোডিং মানেই প্রাক্টিস! ধন্যবাদ!


তুমি শেখ এবং অন্যকেও শিখতে সাহায্য কর এ-ই পোস্ট শেয়ার করে।  তোমার বন্ধদের মাঝে শেয়ার কর পোস্ট যাতে তোমার বন্ধুরাও HTML শিখতে পারে।



Post a Comment

0Comments

পোস্ট ভালো লাগলে অবশ্যয় কমেন্ট করুন।

Post a Comment (0)