কম্পিউটার

কিভাবে HTML এ অনুভূমিক রেখা তৈরি এবং স্টাইল করবেন

কখনও কখনও আপনার ওয়েব পৃষ্ঠার প্রবাহ তৈরি করার সময়, আপনি আপনার বিষয়বস্তুকে দৃশ্যত স্বতন্ত্র অংশে ভাগ করার জন্য কিছু উপায় খুঁজে বের করতে চাইবেন। এই নিবন্ধে, আমরা HTML-এর অনুভূমিক নিয়ম এবং কীভাবে এটিকে আপনার মার্কআপে রাখতে হয় সে সম্পর্কে শিখব যাতে আপনি দৃশ্যত আপনার ওয়েব পৃষ্ঠাটিকে আরও আকর্ষণীয় এবং ব্যবহারকারী-বান্ধব করে তুলতে পারেন।

<hr> এইচটিএমএল এলিমেন্ট সিএসএস ব্যবহার করে অন্য যেকোন এইচটিএমএল এলিমেন্টের মতই স্টাইল করা যায়। কনভেনশন হল এটি একটি স্ব-ক্লোজিং ট্যাগ (


) এর পরিবর্তে একটি নন-ক্লোজিং ট্যাগ (
) হতে হবে, তবে মার্কআপটি একইভাবে পড়া হয়। এটি একটি ব্লক-স্তরের উপাদান হিসাবে প্রদর্শিত হয় যা ব্যাপক-স্তরের ব্রাউজার সমর্থন করে এবং আপনার ওয়েব পৃষ্ঠায় বিষয়ের পরিবর্তন নির্দেশ করে।

আমি মনে করি এটি কী করে তা দেখার জন্য সিএসএস নিয়ে পরীক্ষা করা ভাল। নিচের কোড স্যান্ডবক্সটি কিছু CSS সহ একটি খুব, খুব মৌলিক HTML পৃষ্ঠাকে চিত্রিত করে যা HTML


উপাদানকে সাজাতে ব্যবহৃত হয়।

    hr      

আমি একটি ব্যবসার নাম


আমি একটি শিরোনাম

Lorem ipsum dolor sit amet consectetur adipisising elit. Deleniti eius rem ullam velit provident itaque, tenetur Eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

Lorem ipsum dolor sit amet conectetur adipisiit element. Deleniti eius rem ullam velit provident itaque, tenetur Eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

আমি একজন শিরোনাম

লোরেম ইপসাম ডলোর সিট অ্যামেট কনসেক্টেটুর অ্যাডিপিসিসিং এলিট। Deleniti eius rem ullam velit provident itaque, tenetur Eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

Lorem ipsum dolor sit amet conectetur adipisiit element. Deleniti eius rem ullam velit provident itaque, tenetur Eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

আমি একজন শিরোনাম

লোরেম ইপসাম ডলোর সিট অ্যামেট কনসেক্টেটুর অ্যাডিপিসিসিং এলিট। Deleniti eius rem ullam velit provident itaque, tenetur Eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

Lorem ipsum dolor sit amet conectetur adipisiit element. Deleniti eius rem ullam velit provident itaque, tenetur Eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

আমি একজন শিরোনাম

লোরেম ইপসাম ডলোর সিট অ্যামেট কনসেক্টেটুর অ্যাডিপিসিসিং এলিট। Deleniti eius rem ullam velit provident itaque, tenetur Eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

Lorem ipsum dolor sit amet conectetur adipisiit element. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.

/প্রে>

দারূন কাজ! আপনার কাছে এখন


ব্যবহার করে একটি দুর্দান্ত-সুদর্শন সাইট তৈরি করার জন্য প্রয়োজনীয় সরঞ্জামগুলি রয়েছে৷


  1. কিভাবে এইচটিএমএলে ডিস্ক বুলেট সহ একটি ক্রমবিহীন তালিকা তৈরি করবেন?

  2. কিভাবে HTML এ শর্তসাপেক্ষ মন্তব্য তৈরি করবেন?

  3. কিভাবে HTML এ লুকানো মন্তব্য তৈরি করবেন?

  4. কিভাবে HTML দিয়ে একটি গ্রন্থপঞ্জি তৈরি করবেন?