আপনার পৃষ্ঠায় নকশা বিভাগ তৈরি করা
শিরোনামগুলি আপনার পাঠ্য সংগঠিত করার জন্য দরকারী বিভাগগুলি তৈরি করে এবং সার্চ ইঞ্জিনগুলির জন্য আপনার ওয়েবপৃষ্ঠাটি অপটিমাইজ করার একটি কার্যকর উপায়। এইচটিএমএল শিরোনাম ট্যাগ ব্যবহার করে আপনি সহজেই শিরোনাম তৈরি করতে পারেন। আপনি সাহসী এবং তির্যক ট্যাগ দিয়ে আপনার পাঠ্যের চেহারা পরিবর্তন করতে পারেন।
শিরোনাম
শিরোনাম ট্যাগগুলি আপনার দস্তাবেজটি ভাগ করার সহজ উপায়। আপনি যদি আপনার সাইটের একটি সংবাদপত্রের মত মনে করেন, তাহলে শিরোনাম হচ্ছে সংবাদপত্রের শিরোনাম। প্রধান শিরোনাম একটি h1 এবং পরবর্তী শিরোনাম হল H2 এর মাধ্যমে H2।
HTML তৈরি করতে নিম্নলিখিত কোডগুলি ব্যবহার করুন
এটি শিরোলেখ 1 h1> শিরোনাম 2 h2> শিরোনাম 3 h3> এই শিরোনাম 4 টি h4> এই শিরোনাম 5 h5> এই হচ্ছে শিরোনাম 6 h6> মনে রাখবেন টিপস
- আপনার শিরোনাম একটি লজিক্যাল ক্রম রাখতে চেষ্টা করুন, H1 H2 আগে আসে, যা h3 আগে আসে, এবং তাই।
- শিরোনামটি কীভাবে দেখবে তা নিয়ে খুব বেশি চিন্তা করবেন না - আপনি শিরোলেখটি ব্যবহার করার পরিবর্তে শৈলী শিরোনামগুলিতে CSS ব্যবহার করতে পারবেন।
- শিরোনাম ট্যাগগুলি হল ব্লক-লেভেল উপাদান , তাই তারা আপনার জন্য লাইন বিরতিতে রাখে। শিরোনাম ট্যাগগুলির ভিতরে পি ট্যাগ রাখুন না
বোল্ড এবং ইটালিক
শিরোনাম 3 h3> এই শিরোনাম 4 টি h4> এই শিরোনাম 5 h5> এই হচ্ছে শিরোনাম 6 h6> মনে রাখবেন টিপস
- আপনার শিরোনাম একটি লজিক্যাল ক্রম রাখতে চেষ্টা করুন, H1 H2 আগে আসে, যা h3 আগে আসে, এবং তাই।
- শিরোনামটি কীভাবে দেখবে তা নিয়ে খুব বেশি চিন্তা করবেন না - আপনি শিরোলেখটি ব্যবহার করার পরিবর্তে শৈলী শিরোনামগুলিতে CSS ব্যবহার করতে পারবেন।
- শিরোনাম ট্যাগগুলি হল ব্লক-লেভেল উপাদান , তাই তারা আপনার জন্য লাইন বিরতিতে রাখে। শিরোনাম ট্যাগগুলির ভিতরে পি ট্যাগ রাখুন না
বোল্ড এবং ইটালিক
এই শিরোনাম 5 h5> এই হচ্ছে শিরোনাম 6 h6> মনে রাখবেন টিপস
- আপনার শিরোনাম একটি লজিক্যাল ক্রম রাখতে চেষ্টা করুন, H1 H2 আগে আসে, যা h3 আগে আসে, এবং তাই।
- শিরোনামটি কীভাবে দেখবে তা নিয়ে খুব বেশি চিন্তা করবেন না - আপনি শিরোলেখটি ব্যবহার করার পরিবর্তে শৈলী শিরোনামগুলিতে CSS ব্যবহার করতে পারবেন।
- শিরোনাম ট্যাগগুলি হল ব্লক-লেভেল উপাদান , তাই তারা আপনার জন্য লাইন বিরতিতে রাখে। শিরোনাম ট্যাগগুলির ভিতরে পি ট্যাগ রাখুন না
বোল্ড এবং ইটালিক
মনে রাখবেন টিপস
- আপনার শিরোনাম একটি লজিক্যাল ক্রম রাখতে চেষ্টা করুন, H1 H2 আগে আসে, যা h3 আগে আসে, এবং তাই।
- শিরোনামটি কীভাবে দেখবে তা নিয়ে খুব বেশি চিন্তা করবেন না - আপনি শিরোলেখটি ব্যবহার করার পরিবর্তে শৈলী শিরোনামগুলিতে CSS ব্যবহার করতে পারবেন।
- শিরোনাম ট্যাগগুলি হল ব্লক-লেভেল উপাদান , তাই তারা আপনার জন্য লাইন বিরতিতে রাখে। শিরোনাম ট্যাগগুলির ভিতরে পি ট্যাগ রাখুন না
বোল্ড এবং ইটালিক
আপনি গাঢ় এবং তির্যক জন্য ব্যবহার করতে পারেন চার ট্যাগ আছে:
- এবং গাঢ় জন্য
- এবং তির্যক জন্য
এটা কোন ব্যাপার না যা আপনি ব্যবহার করেন। যদিও কিছু এবং , কিন্তু "লোড" জন্য p> p> p> <
সহজভাবে খোলার এবং বন্ধ করার ট্যাগ দিয়ে আপনার পাঠটি ঘোরান , পাঠ্য গাঢ় বা তির্যক করতে:
bold b> তাত্ক্ষণিক i>আপনি এই ট্যাগগুলি ঘুরে বেড়ান (যা আপনি টেক্সট উভয় গাঢ় এবং এটিলিক উভয় করতে পারেন) এবং এটি বাইরের বা ভিতরের ট্যাগ যা কোন ব্যাপার না।
উদাহরণ স্বরূপ:
এই টেক্সট গাঢ় হয়
এই পাঠ্য গাঢ় strong>এই পাঠটি তাত্ক্ষণিকভাবে হয়
এই পাঠটি তাত্ত্বিক em>এই টেক্সট উভয় গাঢ় এবং তিরস্কারকারী হয়
এই পাঠ্য উভয় গাঢ় এবং তির্যক em> strong>কেন বোল্ড এবং ইতালীয় ট্যাগ দুটি সেট গুলি
এইচটিএমএল 4-এ, এবং ট্যাগগুলি স্টাইল ট্যাগগুলির কথা বলে মনে করা হয় যা কেবল টেক্সটের চেহারাকে প্রভাবিত করে এবং ট্যাগের বিষয়বস্তু সম্পর্কে কিছুই বলেনি এবং এটি তাদের ব্যবহার করা খারাপ ফর্ম বলে মনে করা হতো। তারপর, HTML5- এর সাথে, পাঠের বর্ণনার বাইরে তাদের একটি অর্থহীন অর্থ দেওয়া হয়েছিল।
HTML5 এ এই ট্যাগগুলি নির্দিষ্ট অর্থ রয়েছে:
- পাঠ্যকে নির্দেশ করে যা পার্শ্ববর্তী পাঠ্যের তুলনায় আরো বেশি গুরুত্বপূর্ণ নয়, তবে সাধারণত টাইপোগ্রাফিক উপস্থাপনা গাঢ় পাঠ্য, যেমন একটি পর্যালোচনাতে একটি নথি উপাদানের কীওয়ার্ড বা পণ্য নামগুলি।
- পাঠ্যকে নির্দেশ করে যা পার্শ্ববর্তী পাঠ্যের তুলনায় আরো বেশি গুরুত্বপূর্ণ নয়, কিন্তু সাধারণত টাইপোগ্রাফিক উপস্থাপনাটি তাত্ত্বিক পাঠ্য, যেমন একটি বইয়ের শিরোনাম, প্রযুক্তিগত শব্দ বা অন্য ভাষায় ফ্রেজ।
- পাঠ্যকে নির্দেশ করে যা পার্শ্ববর্তী পাঠ্যের তুলনায় শক্তিশালী গুরুত্ব দেয়।
- পার্শ্ববর্তী পাঠ্যের তুলনায় পাঠ্যাংশের একটি জোরালো চাপ রয়েছে।