এইচটিএমএল -এ কীভাবে টেক্সটকে আন্ডারলাইন করা যায়

লেখক: Clyde Lopez
সৃষ্টির তারিখ: 19 জুলাই 2021
আপডেটের তারিখ: 1 জুলাই 2024
Anonim
এইচটিএমএল আন্ডারলাইন - এইচটিএমএল এবং সিএসএস-এ কীভাবে পাঠ্যকে আন্ডারলাইন করবেন
ভিডিও: এইচটিএমএল আন্ডারলাইন - এইচটিএমএল এবং সিএসএস-এ কীভাবে পাঠ্যকে আন্ডারলাইন করবেন

কন্টেন্ট

লিগ্যাসি এইচটিএমএল আন্ডারলাইন পদ্ধতি হল ইউ < / u> ট্যাগ ব্যবহার করা, কিন্তু এখন এটি একটি আধুনিক সিএসএস ভিত্তিক পদ্ধতি ব্যবহার করে। আন্ডারলাইনিং পাঠ্যের প্রতি মনোযোগ আকর্ষণ করার একটি খারাপ উপায় হিসাবে বিবেচিত হয় কারণ এটি একটি লিঙ্কের সাথে আন্ডারলাইন করা টেক্সটকে বিভ্রান্ত করা সহজ।

ধাপ

2 এর পদ্ধতি 1: আধুনিক পদ্ধতি

  1. 1 CSS- এ "টেক্সট-ডেকোরেশন" প্রপার্টি ব্যবহার করুন। বর্তমানে, u> ট্যাগটি টেক্সটকে আন্ডারলাইন করতে ব্যবহৃত হয় না।
    • এই সম্পত্তি যোগ করে, ভবিষ্যতে পুরানো ট্যাগগুলি অবসর নেওয়ার সময় আপনাকে আপনার কোড পরিবর্তন করতে হবে না।
  2. 2 স্প্যান> ট্যাগ ব্যবহার করে একটি নির্দিষ্ট টেক্সট টুকরোকে আন্ডারলাইন করুন। আপনি যে টেক্সটটি আন্ডারলাইন করতে চান তার সামনে "টেক্সট-ডেকোরেশন" প্রপার্টি সহ একটি স্টার্ট ট্যাগ লিখুন। লেখার শেষে, ক্লোজিং ট্যাগ < / span> লিখুন।

    span style = "text-decoration: underline;"> এই লেখাটি আন্ডারলাইন করা হবে। < / span>

  3. 3 স্টাইল> বিভাগে এইচটিএমএল এলিমেন্ট নির্দিষ্ট করুন যাতে এটিকে আন্ডারলাইন করা সহজ হয়। এটি একটি CSS স্টাইলশীট ব্যবহার করেও করা যেতে পারে। উদাহরণস্বরূপ, সমস্ত স্তরের 3 শিরোনামগুলি রেখার জন্য, "স্টাইল" বিভাগে নিম্নলিখিত কোডটি যুক্ত করুন:

    html> head> style> h3 {text-decoration: underline; < / style> / head> body> h3> এই শিরোনামটি আন্ডারলাইন করা হবে / h3> / body> / html>

  4. 4 পাঠ্যের দ্রুত রেখার জন্য একটি CSS ক্লাস তৈরি করুন। আপনি তাদের স্টাইলশীট বা স্টাইল> বিভাগে ক্লাসগুলি তৈরি করতে পারেন যাতে পরে কল করা যায়। ক্লাসের যে কোন নাম দেওয়া যেতে পারে।

    html> head> style>। underline {text-decoration: underline; < / style> / head> body> এই ক্লাসটি div> দ্রুত আন্ডারলাইন / div> বিভিন্ন div> উপাদান / div> / body> / html> এর জন্য ব্যবহার করুন

  5. 5 টেক্সট হাইলাইট করার অন্যান্য উপায় সম্পর্কে চিন্তা করুন। ব্যবহারকারীদের বিভ্রান্তি এড়াতে আমরা আপনাকে রেখাঙ্কন এড়াতে পরামর্শ দিই। লেখাটি ইটালিক করতে em> ট্যাগ ব্যবহার করা ভালো। এই ট্যাগে অন্যান্য স্টাইলিং বিকল্প যোগ করতে CSS ব্যবহার করুন।

    html> head> style> em {color: red; < / style> / head> body> "em" এলিমেন্টে যেকোনো কিছু ইটালাইজ করা হবে (ডিফল্টরূপে) এবং রঙিন লাল < / em> অতিরিক্ত স্টাইল বিকল্পের জন্য ধন্যবাদ। / body> / html>

2 এর পদ্ধতি 2: উত্তরাধিকার পদ্ধতি

  1. 1 পুরোনো < / u> ট্যাগ ব্যবহার করা থেকে বিরত থাকুন। সেগুলি অপ্রচলিত, যার অর্থ এই ট্যাগগুলি এখনও কাজ করে, কিন্তু নিরুৎসাহিত বা নিরুৎসাহিত করা হচ্ছে। এর কারণ হল HTML বিষয়বস্তুর স্টাইল কাস্টমাইজ করার জন্য নয়। U> ট্যাগটি এখনও কাজ করে, তবে অবশ্যই অন্যান্য পাঠ্য থেকে ভিন্ন পাঠ্য উপস্থাপন করতে হবে, যেমন ভুল বানান শব্দ বা চীনা সঠিক নাম।
  2. 2 উপাদানগুলি আন্ডারলাইন করতে u> </u> ট্যাগ ব্যবহার করুন (শুধুমাত্র প্রদর্শনের জন্য)। এই ট্যাগগুলি ব্যবহার করার জন্য খুব কমই একটি ক্ষেত্রে আছে। আপনাকে পুরানো সাইট সম্পাদনা করতে হতে পারে, তাই ট্যাগগুলি কী তা সম্পর্কে সচেতন হওয়া ভাল।

    html> body> পুরাতন HTML u> ট্যাগের সাহায্যে উপাদানগুলিকে দ্রুত আন্ডারলাইন করা সম্ভব হয়েছিল, কিন্তু যদি অন্যান্য স্টাইলিং উপাদানগুলি স্পর্শ করা হয় তবে জিনিসগুলি বিশৃঙ্খল হয়ে ওঠে। অতএব, আজকাল তারা আন্ডারলাইনের জন্য CSS এলিমেন্ট "টেক্সট-ডেকোরেশন" ব্যবহার করে। / body> / html>

পরামর্শ

  • আন্ডারলাইনিংয়ের চেয়ে ওয়েব পেজে বিষয়বস্তু হাইলাইট করার প্রায় সবসময়ই একটি ভাল উপায় আছে। আন্ডারলাইনিং ব্যবহারকারীদের বিভ্রান্ত করতে পারে। কিভাবে CSS ব্যবহার করে টেক্সট হাইলাইট করবেন তা নিয়ে ভাবুন।