আমরা যখন একটি ওয়েব সাইট দেখি লক্ষ্য করলে দেখা যায় সেখানে অনেক গুলো অনুচ্ছেদ আছে। এগুলো অনেক সুন্দর করে সাজানো থাকে। এই অনুচ্ছেদগুলো কিভাবে ডিজাইন করতে হয় তা ই আমরা শিখব। এইচ টি এম এল প্যারাগ্রাফকে <p> ট্যাগ দিয়ে প্রকাশ বা সংজ্ঞায়িত করা হয়। যেমন:
উপরোক্ত কোডগুলো উদাহরণ স্বরুপ দেখানো হল।
আপনি যখন নিজে করবেন তখন আপনার প্রয়োজন অনুযায়ী প্যারার সাইজ বড় বা ছোট হতে পারে। যে প্যরাটা আপনি লিখতে চান তার শুরুতে <p> ট্যাগ এবং প্যরা লেখা শেষ হলে </p> ট্যাগ প্রদান করুন। এই ট্যাগ জোড়ার মাঝে যা আছে তা একটি প্যরা হিসেবে আপনার সাইটে দেখাবে।
দ্রষ্টব্য: ব্রাউজার স্বয়ংক্রিয়ভাবে প্যরার আগে এবং পরে একটি শুন্য লাইন যোগ করবে। Closing Tag দিতে ভুল করবেন না, কিছু কিছু ক্ষেত্রে ব্রাউজার হয়ত সঠিক ফল প্রদর্শন করবে কিন্তু বাকী গুলোতে অস্বাভাবিক ফল প্রদান করতে পারে। HTML এর নতুন ভার্সন গুলোতে Closing Tag দিতেই হবে না দিলে ব্রাউজার কোন এলিমেন্টস প্রদর্শন করবেনা।
Line Break Tag: এবার আমরা আর একটি বিষয় জানব। আমরা দেখলাম কিভাবে প্যরা করে লেখা উপস্থাপন করা যায়। কিন্তু যদি এমন হয় বারবার প্যরা না করে লাইনগুলো আলাদা আলাদাভাবে প্রদর্শন করা যায় তবে খুব ভাল হত, সময় বাঁচত, কষ্ট কম হত, সৌন্দর্য ও বৃদ্ধি পেত।কোন পদ্ধতি কি নেই? হ্যাঁ, সে পদ্ধতিও আছে। একে লাইন ব্রেক বলে। অর্থাৎ লাইন ব্রেক ট্যগের মাধ্যমে প্যরা তৈরী না করেও নতুন লাইনে যাওয়া যায়। <br> ট্যাগ দিয়ে লাইন ব্রেক দেয়া হয়। যেমন: নিচের কোডগুলো লক্ষ্য করুন।
<p> This is a <br> Paragraph<br> with line break<br> Tag</p>
এখানে <br> ট্যাগের মাধ্যমে ব্রাউজারকে <br> এর পরের লেখাটুকু পরবর্তী লাইনে প্রদর্শনের নির্দেশ দেয়া হচ্ছে। নিজেই করে দেখুন কেমন দেখায়। এভাবে আপনার যা যা করতে মন চায় করে দেখুন, নিশ্চিত মজা পাবেন। কবিতা লেখার সময় এটি বিশেষ কাজ দেয়। প্যারাগ্রাফের সৌন্দর্য বৃদ্ধি করতে <br> বা লাইন ব্রেক ট্যাগ ব্যবহৃত হয়।
No comments:
Post a Comment