ওয়েব ডিজাইন (পর্ব ০৩) টেক্সট ফরম্যাটিং ট্যাগ সমূহ (Text formatting tags), কমেন্টিং (Commenting in HTML), লিংকিং (Linking Between 2 pages)
ওয়েব পেজে যেকোনো ধরনের লেখাকে সাজিয়ে গুছিয়ে প্রদর্শন করার জন্য যে ট্যাগ গুলো ব্যবহার করা হয় সেই ট্যাগ গুলো কে আমরা এখন চিনবো।
আসলামুআলাআইকুম।আশা করি আল্লাহ এর অশেষ রহমতে আপনি ভালোই আছেন।আমিও আপনাদের দুআতে ভালো আছি।ওয়েব ডিজাইন কোর্স এ আজকের এই পর্বে আমরা টেক্সট ফরম্যাটিং ট্যাগ সমূহ, কমেন্টিং, লিংকিং (এক পেজের সাথে অন্য পেজ)
টেক্সট ফরম্যাটিং ট্যাগ সমূহঃ (Text formatting tags)
ওয়েব পেজে যেকোনো ধরনের লেখাকে সাজিয়ে গুছিয়ে প্রদর্শন করার জন্য যে ট্যাগ গুলো
ব্যবহার করা হয় সেই ট্যাগ গুলো কে আমরা এখন চিনবো।
- <b> - শুধু মাত্র লেখাকে মোটা করে।
- <strong> - <b> ট্যাগ এর মতোই মোটা করে তবে <strong> ট্যাগ দ্বারা গুরুত্বপূর্ণ লেখা বুঝানো হয়।
- <i> - লেখা গুলোকে ইটালিক স্টাইলের হাল্কা বাকা করে।
- <em> - এইটা <i> এর মতোই তবে এইটা ব্যবহার করলে লেখার গুরুত্ব বেশি আরোপ করা হবে।
- <mark> - এই ট্যাগ ব্যবহার করলে নির্দিষ্ট লেখাকে চিন্হিত করতে পারবো।হলুদ ব্যাকগ্রাউন্ড দিয়ে হাইলাইট করা হয়।
- <small> - যে কোনো লেখাকে ছোট বুঝাতে ব্যবহার করা হয়।
- <del> - কোনো নির্দিষ্ট লেখাকে মাঝ বরাবরা দাগ দিয়ে কাটা চিন্হ বুঝাতে ব্যবহার করা হয়।
- <ins> - কোনো লেখাকে আন্ডার লাইন করতে ব্যবহার করা হয়।
- <sub> - নির্দিষ্ট অক্ষরকে নিচে নামাতে ব্যবহার করা হয়। যেমন, H2O
- <sup> - নির্দিষ্ট অক্ষরকে উপরে উঠাকে ব্যবহার করা হয়। যেমন, (a+b)2
b Tag VS strong Tag:
<b> ট্যাগ অতিরিক্ত গুরুত্ব ছাড়া লেখা মোটা আকৃতি দেখায়।
<strong> ট্যাগ গুরুত্বপূর্ন লেখা বুঝাতে ব্যবহার করা হয়, যদিও <b>
ট্যাগ এর মতোই দেখা যায়।
i Tag VS em Tag:
<i> ট্যাগ ব্যবহার করা যেতে পারে ট্যাকনিক্যাল টার্ম, নির্দিষ্ট শব্দ
গুচ্ছ, চিন্তাধারা, বা অন্য কোনো ভাষার ব্যবহার বুঝাতে।নির্দিষ্ট কিছুর নামের
ক্ষেত্রেও ব্যহার করা যেতে পারে।
<em> ট্যাগ ব্যবহার <i>ট্যাগ এর মতোই তবে <em> ট্যাগ ব্যবহার
করলে নির্দিষ্ট লেখা বেশি গুরুত্বপূর্ণ বুঝাবে।মুখে বললে জোরে উচ্চারন করা যেতে
পারে।
কমেন্টিংঃ (Commenting in HTML)
আমরা যখন অনেক কোড করি। তখন আমরা নির্দিষ্ট কাজের কোড গুলো অন্য কোডের সাথে
যাতে মিশে না যায়, যাতে করে উক্ত কোড খুব সহজেই খুজে বের করতে পারি। অথবা ভবিষৎ এ
আবার কোড করতে যাতে সুবিধা হয় এবং একজনের কোড অন্য কেউ দেখেই যাতে খুব সহজে কোড
বুঝে নিতে পারে এই জন্য কমেন্ট ব্যবহার করা হয়।
কমেন্ট দিয়ে আসলে কোড এর ভিতর নোট করে রাখা মতোর একটা মাধ্যম।
কমেন্ট দিয়ে অনেক সময় আমারা নির্দিষ্ট কোড ওয়েব পেজে সো করাতে না চাইলেও ব্যবহার
করে থাকি।
<!-- এখানে আপনার নোট কমেন্ট লিখুন-->
কমেন্ট লেখার আগে ( <!-- ) দিতে হবে এর পর যা ইচ্ছা
লিখুন,
তারপর এই চিন্হ দিয়ে শেষ করুন ( --> )
<!-- paragraph start-->
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit odio mus, himenaeos sodales fames non accumsan inceptos quisque eget, leo ad urna posuere parturient sapien dis libero. Urna inceptos morbi vehicula nam vulputate sociosqu pellentesque, convallis platea litora massa tempus ligula.<p>
<!-- paragraph end-->লিংকিং বিটুইন ২ পেজ (Linking Between 2 pages)
আমরা যখন ইনডেক্স পেজটা ডিজাইন করি তখন আমাদের প্রয়োজন হয় ওই পেজ থেকে অন্য
পেজে যাওয়ার, এবার আমাদের index.html পেজ যেভাবে আমরা বানিয়েছিলাম ওই ভাবে
অন্য নাম দিয়ে যেমন 2nd.html বা অন্য কোনো নাম দিয়ে ফাইল তৈরি করুন, এবং ওই
পেজে ইচ্ছা মতো অন্যন্য কন্টেন্ট লিখুন, এবার হোমপেজ এ নিচের কোড এর মতো কোড
করুন।
<a href="2ndpage.html">Go to 2nd Page</a>
এইভাবে আমরা একটা পেজের সাথে অন্য পেজ লিংকিং করতে পারবো।
এই আর্টিকেল টি পুরোটা পড়ার জন্য আপনাকে অনেক ধন্যবাদ, এই আর্টিকেল যদি বুঝতে অসুবিধা হয় অথবা কোনো প্রশ্ন থাকে তবে কমেন্ট করুন, আশা করি আপনি উত্তর পাবেন।আর নতুুন কিছু জানার থাকলে আমাদের জানান আমরা জানানোর চেস্টা করবো। এই আর্টিকেলটি WikiJana.Com সাইটের সম্পদ তাই যদি কেউ কপি করেন তবে আপনারা অবশ্যই ক্রেডিট দিবেন নয়ত আপনার সাইট কপিরাইটের অধিনে চলে যেতে পারে।
