ওয়েব পেজ ডিজাইন এর জন্য text formatting টা অনেক জরুরী। অনেক সময় লেখাকে bold করে দেখানোর প্রয়োজন হয়। আবার অনেক সময় italic করে দেখাতে হয়।ওয়েব পেজ ডিজাইন এর ক্ষেত্রে এরকম অনেক text formatting ব্যাবহার করা হয়ে থাকে।
text formatting ব্যাবহার করে আপনার ওয়েব সাইট এর visitor
কে খুব সহজে অনেক বেপার বুঝিয়ে দিতে পারবেন।
যেমন কোন E-commerce site এর পণ্যর আগের মূল্যর চেয়ে বর্তমান মূল্য কম না বেশী সেটা বুঝাতে অনেক ক্ষেত্রে <del></del> ব্যাবহার করা হয়।
<p>past prize <del>2000</del>present prize 1500.</p>
এখানে <del></del> এর মাঝে যে লেখাটা আছে সেটাতে একটা কাটা দাগ পরে গেছে। এতে সহজে বোঝা যাবে আগের মূল্য এখন নেই। যেটাতে কাটা দাগ নাই সেটাই বর্তমান মূল্য। এরকম অনেক text formatting আছে যা এক এক ক্ষেত্রে এক এক টা ব্যাবহার করা হয়। নিচে কিছু text formatting এর নমুনা দেয়া হলো।
Tag Description
<mark> লেখাকে হাইলাইট করতে ব্যাবহার করা হয়।
<b> টেক্সটকে বোল্ড করতে
ব্যবহৃত হয়
<big> টেক্সটকে বড় করে দেখাতে
ব্যবহৃত হয়
<em> এম্ফাসাইজড টেক্সট দেখাতে
ব্যবহৃত হয়
<i> টেক্সটকে ইটালিক করে দেখাতে
ব্যবহৃত হয়
<small> টেক্সটকে ছোট করে দেখাতে
ব্যবহৃত হয়
<strong> টেক্সটকে বোল্ডের মত করে
দেখাতে ব্যবহৃত হয়
<sub> সাবস্ক্রিপ্ট টেক্সট দেখাতে
ব্যবহৃত হয়
<sup> সুপারস্ক্রিপ্ট টেক্সট দেখাতে
ব্যবহৃত হয়
<ins> ইনসার্টকৃত টেক্সট নির্ধারণ
করতে ব্যবহৃত হয়। টেক্সটের নিচে আন্ডার লাইন প্রদর্শিত হয়
<del> কোন টেক্সটের মাঝখানে দাগ টেনে
ডিলেইট করা হয়েছে এমন বুঝাতে ব্যবহৃত হয়
<u> টেক্সটের নিচে আন্ডারলাইন
দেয়ার জন্য ব্যবহৃত হয়
<br/> লাইন সমূহবে এক ধাপ নিচে নিতে
<mark> লেখাকে হাইলাইট করতে ব্যাবহার করা হয়।
একটা উদাহরণ দেখে নিন।
<html>
<head>
<title>bdtutorialweb.blogspot.com</title>
</head>
<body bgcolor=" green">
<p>This text is normal.</p>
<p><b>This text is bold</b>.</p>
<p>This text is normal.</p>
<p><strong>This text is
strong</strong>.</p>
<p>This text is normal.</p>
<p><i>This text is
italic</i>.</p>
<p>This text is normal.</p>
<p><em>This text is
emphasized</em>.</p>
<h2>HTML <small>Small</small>
Formatting</h2>
<h2>HTML <mark>Marked</mark>
Formatting</h2>
<p>My favorite color is <del>blue</del>
red.</p>
<p>My favorite <ins>color</ins> is
red.</p>
<p>This is <sub>subscripted</sub>
text.</p>
<p>This is <sup>superscripted</sup>
text.</p>
</body>
</html>
নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save asএ ক্লিক করে File name: anything.html
, Save as type : All files, দিয়েsave করে html ফাইলটি browser দিয়ে open করলে এভাবে দেখাবে।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন