আজকে আরো কিছু টেক্সট ফরম্যটিং ট্যাগ নিয়ে আলোচনা করব। এগুলোকে কম্পিউটার আউটপুট ট্যাগ বলে।
- <code>: এটা দিয়ে কম্পিউটার কোড টেক্সট প্রদর্শন করা হয়।
- <kbd>: এটা দিয়ে কী-বোর্ড টেক্সট প্রদর্শন করা হয়।
- <sample>: এটা দিয়ে কম্পিউটার সেম্পল কোড প্রদর্শন করা হয়।
- <var>: এটা দিয়ে ভেরিয়েবল প্রকাশ করা হয়।
নিচে উদাহরণ দেয়া হল। নিজে করে দেখুন।
<!DOCTYPE html>
<html>
<body>
<code>Computer code</code>
<br>
<kbd>Keyboard input</kbd>
<br>
<samp>Sample text</samp>
<br>
<var>Computer variable</var>
<br>
<html>
<body>
<code>Computer code</code>
<br>
<kbd>Keyboard input</kbd>
<br>
<samp>Sample text</samp>
<br>
<var>Computer variable</var>
<br>
</body>
</html>
</html>
HTML quotation and Defination Tag:
নিচে কিছু উদাহরণ দেয়া হল।<abbr> সংক্ষিপ্ত রূপ প্রকাশ করার জন্যে ব্যবহৃত হয়। <address> ডকুমেন্টের লেখকের যোগাযোগের তথ্য প্রদান করা হয়। <bdo> লেখা কোন দিক থেকে শুরু হবে তা প্রকাশ করা হয়। <blockquote> অন্য উৎস থেকে নেয়া কোটেশন একটি সেকশনে প্রকাশ করার জন্যে। <q> সংক্ষিপ্ত কোটেশন প্রকাশ করার জন্যে । <cite> কোন কাজের টাইটেল প্রদর্শনের জন্যে। <dfn> সংজ্ঞা প্রদানের জন্যে ব্যবহৃত হয়।
<!DOCTYPE html>
<html>
<body>
<address>
Written by webdebd.blogspot.com<br>
<a href="mailto:us@example.org">Email us</a><br>
Address: 91, Samad building, academy, feni<br></address>
</body>
</html>
<html>
<body>
<address>
Written by webdebd.blogspot.com<br>
<a href="mailto:us@example.org">Email us</a><br>
Address: 91, Samad building, academy, feni<br></address>
</body>
</html>
Abbreviation and Acronym:
<!DOCTYPE html>
<html>
<body>
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
<p>Can I get this <abbr title="as soon as possible">ASAP</abbr>?</p>
<p>The title attribute is used to show the spelled-out version when holding the mouse pointer over the acronym or abbreviation.</p>
</body>
</html>
<html>
<body>
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
<p>Can I get this <abbr title="as soon as possible">ASAP</abbr>?</p>
<p>The title attribute is used to show the spelled-out version when holding the mouse pointer over the acronym or abbreviation.</p>
</body>
</html>
Text Direction:
<!DOCTYPE html>
<html>
<body>
<p>
If your browser supports bi-directional override (bdo), the next line will be written from the right to the left (rtl):
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
</body>
</html>
<html>
<body>
<p>
If your browser supports bi-directional override (bdo), the next line will be written from the right to the left (rtl):
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
</body>
</html>
Quotation:
<!DOCTYPE html>
<html>
<body>
<h2>The blockquote Element</h2>
<p>The blockquote element specifies a section that is quoted from another source.</p>
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
<p><b>Note:</b> Browsers usually indent blockquote elements.</p>
<h2>The q Element</h2>
<p>The q element defines a short quotation.</p>
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
<p><b>Note:</b> Browsers insert quotation marks around the q element.</p>
</body>
</html>
<html>
<body>
<h2>The blockquote Element</h2>
<p>The blockquote element specifies a section that is quoted from another source.</p>
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
<p><b>Note:</b> Browsers usually indent blockquote elements.</p>
<h2>The q Element</h2>
<p>The q element defines a short quotation.</p>
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
<p><b>Note:</b> Browsers insert quotation marks around the q element.</p>
</body>
</html>
Marked Text:
<!DOCTYPE html>
<html>
<body>
<p>Do not forget to buy <mark>milk</mark> today.</p>
</body>
</html>
<html>
<body>
<p>Do not forget to buy <mark>milk</mark> today.</p>
</body>
</html>
উপরোক্ত উদাহরণগুলো নিজে করে দেখুন। আশা করি ভাল লাগবে এবং আত্মবিশ্বাস বাড়বে। যত পারেন নিজের মত করে পরিবর্তন করে চর্চা করুন।
পূর্ববর্তী
No comments:
Post a Comment