ওয়েব ডিজাইন HTML Part-7(Title, Heading, P, Link, Font Tag) - প্রিয়লেখা

ওয়েব ডিজাইন HTML Part-7(Title, Heading, P, Link, Font Tag)

Md. Sajal
Published: September 5, 2016

HTML ট্যাগ এর ব্যাবহার :

Title tag:

এই  tag এর ভেতর যে ইলিমেন্ট  থাকবে তা আমরা ওয়েব পেজ  এ দেকতে পাব না ।
এইটা  ওয়েব পেজ   এর title, এইটা  ব্রাউজার এর ট্যাব এ দেকতে পাবো ।
<title>html title tag<title>

Heading Tag:

HTML এর মাধ্যমে কোন ডকুমেন্ট বা প্যারাগ্রাফের শিরোনাম লেখার জন্য হেডিং ট্যাগ ব্যবহার করা হয়। HTML এ মোট ছয় ধরণের হেডিং ট্যাগ রয়েছে এগুলো হল <h1> </h1> , <h2> </h2> , <h3> </h3> , <h4> </h4> , <h5> </h5> এবং <h6> </h6>  । যদি বড় সাইজের অক্ষরে শিরোনাম লেখার প্রয়োজন হয় তাহলে <h1> </h1> ট্যাগের মাঝে লেখা হয়। এবং অন্যান্য গুলো ব্যবহার করলে লেখার সাইজ আস্তে আস্তে ছোট হবে।

<h1> This is heading tag h1</h1>

<h2> This is heading tag h2</h2>

<h3> This is heading tag h3</h3>

<h6> This is heading tag h4</h6>

P tag:

যে কোন ডকুমেন্ট এক বা একাধিক প্যারাগ্রাফের মাধ্যমে লেখা হয়। HTML এ প্যারাগ্রাফ তৈরির   জন্য <p> বা প্যরাগ্রাফ ট্যাগ ব্যবহার করা হয়। যেমন <p>This is a paragraph.</p>। ব্রাউজারের মাধ্যমে প্রতিটা প্যারাগ্রাফ প্রদর্শন করা হলে প্রতিটা প্যারাগ্রাফের পর একটা করে লাইন ব্রেক তৈরি হয়।

<p> This is paragraph tag </p>

<p> This is paragraph tag </p>

Font tag:

HTML এর মাধ্যমে কোন ডকুমেন্টকে সুন্দরভাবে উপস্থাপন করার জন্য <font> বা ফন্ট ট্যাগ খুবই গুরুত্বপূর্ণ ভূমিকা পালন করে।

<font> ট্যাগ ব্যাবহার করে ওয়েব সাইটের টেক্সটের স্টাইল, সাইজ এবং কালার যোগ করা হয়। size, color এবং face attributes ব্যাবহার করে আপনি  ফন্ট কে কাস্টমাইজ করতে পারি।

<font size=’’10’’ face=”Tahoma”  color=” blue”>This is font tag </font>

এখানে size=”5″  অংশটি হল  লেখাটির সাইজ কেমন হবে। এছাড়া face=”Tahoma”  প্রকাশ করছে লেখাটির font হবে Tahoma এবং color=”red” দ্বারা প্রকাশ করছে লেখাটির রং হবে লাল।

Link tag:

Link এর আভিধানিক অর্থ সংযুক্ত করা। অর্থাৎ একটা ওয়েব পেজের সাথে অন্য একটা পেজকে যুক্ত করাই হল লিংকিং। HTML এ লিংকিং করার জন্য <a> ট্যাগ বা anchor   ট্যাগ ব্যবহার করা হয়। যেমন

<a href=”http://www. facebook.com”> Facebook</a>

এখানে   আমাদের পেজ এ Facebook প্রদর্শন করবে,  Facebook  এ  ক্লিক করলে Facebook   পেজ এ চলে যাবে ।

অর্থাৎ যে পেজের সাথে লিংক তৈরি করতে হবে তার এড্রেস  href=”…. ”  এর মধ্যে লেখতে হবে।

a ট্যাগে target এট্রিবিউট দিয়ে ঠিক করা যায় যে লিংকটি কিভাবে খুলবে যেমন “_blank” দিলে নতুন উইন্ডোতে আবার “_self” দিলে উক্ত পেজেই লিংকটি লোড হবে।

<a href=http://www. facebook.com target=”_blank”> Facebook</a>

উপরে  সব   tag গুলো দিয়ে  প্রোগ্রাম  :

<html>

<head>

<title>html tag<title>

</head>

<body  bgcolor=”#555555″>

<h1> This is heading tag h1</h1>

<h2> This is heading tag h2</h2>

<h3> This is heading tag h3</h3>

<p> This is paragraph tag </p>

<p> This is paragraph tag </p>

<font size=’’10’’ face=”Tahoma”  color=” blue”>This is font tag </font>

<a href=”http://www. facebook.com”> Facebook</a>

<a href=http://www. facebook.com” target=”_blank”> Facebook</a>

<body>

</html>