Link Tag Element কি?
Link এর আভিধানিক অর্থ সংযুক্ত করা। অর্থাৎ একটা ওয়েব পেজের সাথে অন্য একটা পেজকে যুক্ত করাই হল LInking। HTML এ Linking টা করা হয় <a> </a> tag দিয়ে। আর যার সাথে লিংকআপ টা করা হবে সেটা <a> tag এর href attribute এর মধ্যে দিতে হয়। যেমন: <a href=”test.html” > Link Text or Image or Video</a> আর এই লিঙ্কিং তা তিন ধরণের হতে পারে।
- Inpage Linking
- Internal Linking
- External Linking
চলুন উপরের তিন প্রকার লিংক সম্পর্কে জানা যাক:
Inpage linking হচ্ছে সাধারণত পেজ এর মধ্যে বিভিন্ন পজিশন বা ট্যাগ এর সাথে লিংকআপ করা। যেমন : <a href=”#middle”>Go Middle</a> অর্থাৎ , একই পেজ এর middle নামক id এর সাথে লিংকআপ করা।
Internal Link হচ্ছে একই সার্ভার এর এক পেজ এর সাথে অন্য পেজ এর লিংকআপ করা। যেমন : <a href=”test.php”>Go Test Page</a> অর্থাৎ , একই Server এর test.php নামক পেজ এর সাথে লিংকআপ করা।
External Link হচ্ছে ভিন্ন কোনো সার্ভার এর যেকোনো পেজ এর সাথে লিংকআপ করা। যেমন : <a href=”http://www.example.com/test.php”>Go Test Page</a> অর্থাৎ , example.com Server এর test.php নামক পেজ এর সাথে লিংকআপ করা।
Image Tag Element কি?
ওয়েব পেজে ইমেজ বা ছবি যুক্ত করার জন্য প্রয়োজনীয় ট্যাগটি হচ্ছে <img> । এর কোন শেষ ট্যাগ নেই। শুধুমাত্র <img> দিয়ে কোন কাজ হয় না, এর সাথে সবসময়ই src এট্রিবিউটটি ব্যবহার করতে হয়। যেমন <img src=”pic.png”> , তাহলে pic.png ইমেজটি প্রদর্শিত হবে। <img> tag এ src attribute ছাড়াও আরো আছে alt attribute যা দিয়ে আপনি image কোনো কারণে না পেলে অল্টারনেটিভ একটা লেখা দেখতে পারেন। এ ছাড়া width এবং height attribute দিয়ে ইমেজ এর width এবং height সেট করতে পারবেন।
Example Of image Tag Element
<!DOCTYPE html>
<html>
<head>
<title>Image Tag Example</title>
</head>
<body>
<h3> This is an example of image.</h3>
<img src="pic.png" alt="Sample Image" width="500" height="500">
</body>
</html>
Text Formatting Element কি?
Microsoft Word এ Bold, Italic, Underline, strikethrough, Subscript, Superscript ইত্যাদি টেক্সট ফরমেটিং এর কথা নিশ্চয় আপনাদের মনে আছে ? HTML এর ক্ষেত্রেও Microsoft Word এর মত টেক্সট ফরমেটিং এর কাজ গুলো করা যায়। HTML এ টেক্সট ফরমেটিং এর জন্য <b>, <i>, <u>, <strike>, <sub>, <sup>, <big>, <small>>, <strong>, <samp>, <tt>, <abbr>, <var>, <code>, <address> ইত্যাদি ট্যাগ সমূহ ব্যবহার করা হয়।
Example of Text Formatting Element
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting Tag Example</title>
</head>
<body>
<p>
<b> (Bold)</b> This is an example of bold. <br />
<i>(Italic)</i> This is an example of Italic. <br />
<u> (Underline) </u> This is an example of Underline. <br />
<strike>(Strike) </strike> This is an example of Strike. <br />
(CO<sub>2</sub>) This is an example of Subscript. <br />
(E=MC<sup>2</sup>) This is an example of Superscript. <br />
<big>(Big text)</big>This is an example of Big. <br />
<small>(Small text)</small>This is an example of Small. <br />
<strong>(Strong text)</strong>This is an example of Strong. <br />
<samp>(Sample text) </samp>This is an example of Sample. <br />
<tt>(Teletype)</tt>This is an example of Teletype. <br />
(<abbr> U.N.O</abbr> United Nations Organization.) This is an example of Abbreviation. <br />
(<var>x</var> is a variable.)This is an example of Variable <br />
(<code>Computer code text.</code>) This is an example of Code.<br />
</p>
</body>
</html>
HTML div কি?
div মানে Division, একটা অংশ বা ভাগ। এইচটিএমএল পেইজের একটা সেকশন। এইচটিএমএল ইলিম্যান্টকে বিভিন্ন গ্রুপে ভাগ করার জন্য div ট্যাগ ব্যবহার করা হয়।
HTML span কি?
div ডিফল্ট রূপে একটা আরেকটার নিচে বসে , অর্থাৎ আপনি যদি কোনো টেক্সট লাইনের মধ্যে নির্দিষ্ট অংশকে CSS Style করার জন্য একাধিক div ব্যবহার করেন , দেখবেন একটা div আরেকটা div এর নিচে বসে সংশ্লিষ্ট লাইনটিকে ভেঙে দিবে। এবং এক লাইনে আন্তে হলে আপনাকে আলাদা করে আবার CSS লিখতে হবে। আর এই কাজটি আপনি span দিয়ে করলে এই ধরণের সমস্যা হবে না। মূলত span ব্যবহার করা হয় একটা লাইনের মধ্যের একটা নির্দিষ্ট অংশে CSS Style করার জন্য।
Example of span tag Element
<!DOCTYPE html>
<html>
<head>
<title>HTML Span</title>
</head>
<body>
<p>This is a <span style="color:red;font-weight:bold">Example of span tag</span>. The span tag is used to inline-elements CSS in a document. </p>
</body>
</html>
</body>
</html>
0 Comments