Ad

Ad

Pages

Monday, 11 November 2013

Web Design Episode -02

tDrive/tuner/chaintune_learn-web-design.jpg
ওয়েব ডিজাইন এর হাতেখড়ি
  • ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০২] :: টেক্সট ফরমেটিং, অ্যাড্রেস এবং অ্যাব্রিভিয়েশন ট্যাগ এর ব্যবহার
  • http://techallusa.blogspot.com/2013/11/web-design-episode-01.html
কেমন আছেন সবাই। আশা করছি সবাই ভালো আছেন। গত পর্বে আমরা বিভিন্ন ট্যাগ এর ব্যবহার সম্পর্কে জানতে পেরেছি। আজ আমরা সেই সমস্ত ট্যাগ এর ব্যবহার দেখব। তাহলে চলুন শুরু করা যাক। প্রথমে দেখা যাক টেক্সট ফরমেটিং ট্যাগ গুলো কিভাবে কাজ করে। একটি নোটপ্যাড ওপেন করে হুবহু নিম্নের কোডটি টাইপ করুন-
 


<html>
<head>
<title> Text Formating</title></pre>
<head>
 
<body>
 
<p><b> This line is bold. </b></p>
 
<p><i> This line is italic. </i></p>
 
<p><strong> This line is strong. </strong></p>
 
<p><big> Text of this line is big. </big></p>
 
<p><em> This line is emphazied.</b></p>
 
</body>
 
</html>

এবার এটিকে যেকোন একটি নাম দিয়ে .html এক্সটেনশন দিয়ে সেভ করে ওপেন করুন। আশা করছি বিষয়টি আপনার কাছে পরিষ্কার হয়েছে। এখানে প্রত্যেকটি লাইনকে আলাদা ভাবে দেখানোর জন্য প্যারাগ্রাফ এর ব্যবহার করা হয়েছে। এবং টেক্সট গুলোতে ট্যাগ সম্পর্কে বলা হয়েছে।
এবার অন্য একটি ট্যাগ অতি প্রয়োজনীয় ট্যাগ এর ব্যবহার দেখা যাক। ধরুন আপনি আপনার এইচ টি এম এল ডকুমেন্টটিতে কোন ঠিকানা(address) যুক্ত করতে চাচ্ছেন স্বাভাবিক ভাবেই এর টেক্সট গুলোকে অন্য ভাবে প্রদর্শন করা প্রয়োজন যে কাজটি আমরা অতি সহজেই অ্যাড্রেস ট্যাগ ব্যবহারের মাধ্যমে করতে পারি। নিম্নের কোডটি দেখুন-



12
13
14
15
16
17
18
19
20
21
22
23
24
25




<html>
<head>
<title>Address</title>
<head>
<body>
<address>
ABH World<br>
Office: 91 Adc Plaza, Road-12/A,(2nd Floor), Dhanmondi),<br>
Dhaka-1209 <br>
Phone: 01685491395 <br>
E-mail: <a href="techalltime@gmail.com">techalltime@gmail.com</a><br>
Web: <a href="http://www.techalltime.com" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.techalltime.com']);" rel="nofollow">http://www.techalltime.com</a>
</address>
</body>
</html>
এখানে পুরো আড্রেসটিকে <address></address> ট্যাগ এর ভিতরে লেখা হয়েছে। এবং প্রতিটি লাইনের শেষে <br> ট্যাগ ব্যবহার করে লাইন ব্রেক তৈরি করা হয়েছে।
এবার আসুন দেখা যাক অ্যাব্রিভিয়েশন ট্যাগ এর ব্যবহার। অনেক সময় আমরা ওয়েবপেজ এ বিভিন্ন লেখার ভিতরে জায়গায় জায়গায় শব্দ সংক্ষেপ দেখতে পায়। যেগুলোর উপর মাউস পয়েন্টার নিয়ে গেলে আমরা সেটির পুরো অর্থ দেখতে পায়। এখন প্রশ্ন হলো এটা কিভাবে করে ? এটিকেও খুব সুহজেই করা সম্ভব <abbr></abbr> ট্যাগ ব্যবহারের মাধ্যমে। নিম্নের কোডটি দেখুন-
 
 
<html>
 
<head>
 
<title>Abbreviation </title>
 
<head>
 
<body>
 
<abbr title="World Wide Web">www</abbr>
 
</body>
 
</html>
আজ এ পর্যন্ত।

No comments:

Post a Comment