Skip to main content

HTML এর সাহায্যে যেকোনো সিম্বল লেখা শিখুন এবং একের অধিক স্পেস ব্যবহার শিখুন – HTML Entities (Class – 13)

Hello TrickBD Users

আসসালামুওয়ালাইকুম

কেমন আছেন সবাই ? HTML , CSS & JavaScript এর ১৩ তম লিখিত ক্লাসে আপনাকে স্বাগতম ।  যারা আগের ক্লাস টি দেখেন নি তারা এক্ষুনি আমার আগের ক্লাস টি দেখে আসুন । সব ক্লাস গুলো মনযোগ সহকারে না দেখলে বুঝবেন না যে আমি কি বলছি । কারন কোডিং অনেক সেনসিটিভ একটি বিষয় ।

ক্লাস ০১ লিংকঃ

সম্পূর্ণভাবে HTML । CSS । JavaScript শিখে হয়ে যান দক্ষ ওয়েব ডেভেলপার – For Begginers To Advance [Part-01 / HTML পরিচিতি]

ক্লাস ০২ লিংকঃ

সম্পূর্ণভাবে HTML । CSS । JavaScript শিখে হয়ে যান দক্ষ ওয়েব ডেভেলপার – For Begginers To Advance [Part-02 / Code Editors & Browsers]

ক্লাস ০৩ লিংকঃ

সম্পূর্ণভাবে HTML । CSS । JavaScript শিখে হয়ে যান দক্ষ ওয়েব ডেভেলপার – For Begginers To Advance [Part-03 / HTML Tags]

ক্লাস ০৪ লিংকঃ

সম্পূর্ণভাবে HTML । CSS । JavaScript শিখে হয়ে যান দক্ষ ওয়েব ডেভেলপার – For Begginers To Advance [Part-04 – File Type/Extension]

ক্লাস ০৫ লিংকঃ

সম্পূর্ণভাবে HTML । CSS । JavaScript শিখে হয়ে যান দক্ষ ওয়েব ডেভেলপার – For Begginers To Advance [Part-05 – HTML Basic Structure]

ক্লাস ০৬ লিংকঃ

সম্পূর্ণভাবে HTML । CSS । JavaScript শিখে হয়ে যান দক্ষ ওয়েব ডেভেলপার – For Begginers To Advance [Part-06 – Headings & Paragraphs । Live Server]

ক্লাস ০৭ লিংকঃ

সম্পূর্ণভাবে HTML । CSS । JavaScript শিখে হয়ে যান দক্ষ ওয়েব ডেভেলপার – For Begginers To Advance [Part-07 – Img & Anchor Tags]

ক্লাস ০৮ লিংকঃ

অনেক রকম লিস্ট বানান HTML এর মাধ্যমে – HTML , CSS & JavaScript – Full Web Development Written Course [Part 08]

ক্লাস ০৯ লিংকঃ

HTML দিয়ে টেবিল বানানো শিখুন – HTML , CSS & JavaScript – Full Web Development Written Course [Part 09]

ক্লাস ১০ লিংকঃ

HTML এর সাহায্যে Forms বানান – ওয়েব ডেভলপমেন্ট কোর্স (ক্লাস – ১০)

ক্লাস ১১ লিংকঃ

এক ওয়েবসাইটেই প্রাকটিস করুন সকল প্রোগ্রামিং ভাষার কোডিং । W3Schools এর সবকিছু – Web Development Course (Class 11)

ক্লাস ১২ লিংকঃ

Inline ও Block এলিমেন্ট Web Development Course (Class – 12)

এই ক্লাসে আমরা যা যা শিখবো

  • কীভাবে একের অধিক স্পেস দিতে হয় HTML এ ।
  • HTML Entities কী ?
  • কীভাবে ব্যবহার করতে হয় ?
  • এর কাজ কী ?

সবার প্রথমে আমরা VSCode খুলে HTML এর Boiler Plate লাগিয়ে নিবো ! এবং টাইটেল দিবো “HTML Entities”

এবার বডির মধ্যে একটি প্যারাগ্রাফ লিখবো ।

আর এর লাইভ সার্ভার ওপেন করে রেজাল্ট দেখা শুরু করবো !

এখন আমি একটা কাজ করবো । for এর পরে কিছু স্পেস দিবো !

অনেকটা এভাবে ।

এবং রেজাল্ট দেখবোঃ

এটা কী হলো ?!

কোনো স্পেস আসলো না কেনো ?!

স্পেস আসবে না কারণ HTML এর এর মাইন্ডসেটাপ এমন ই যে আপনি যতগুলো স্পেস ই দিন না কেনো HTML একটি স্পেস ই কাউন্ট করবে ।

এখন তাহলে কথা হচ্ছে , তাহলে কী একাধিক স্পেস দিতে পারবো না ?

অবশ্যই পারবো , তার জন্যই আমাদের HTML Entities ব্যবহার করতে হবে ।

এখন যতগুলো স্পেস ব্যবহার করেছি তার বদলে “ ” এটা লিখবো ঠিক এভাবেঃ

এবং এর ফলাফল আসবে এমনঃ

এটা হয়েছে HTML Entities এর কারণেই,

HTML Entities কী?

 

কিছু চিহ্ন আছে যেগুলো এইচটিএমএল কোডের মাঝে সরাসরি লেখা যায় না, যেমন – &,<,> ইত্যাদি। আবার কত গুলো চিহ্ন আছে যেগুলো কী-বোর্ড দিয়ে লেখা যায় না, যেমন – §,¥ ইত্যাদি। এগুলো কে character entities বলা হয়।

এইচটিএমএলে কিছু ক্যারেকটার বা অক্ষর আছে যেগুলো সংরক্ষিত। কিছু ক্যারেকটার, যেমন – < অর্থাৎ ক্ষুদ্রতর বা less then এবং > অর্থাৎ বৃহত্তর বা greater then চিহ্ন কে আপনি এইচটিএমএল টেক্সটের মাঝে লিখতে পারবেন না, ব্রাউজার এগুলোকে এইচটিএমএল ট্যাগের সাথে মিলিয়ে ফেলবে।

এ ধরণের সংরক্ষিত ক্যারাকটারগুলো অবশ্যই character entities এর মাধ্যমে লিখতে হয়।

 

উপরে যে Entities টি ব্যবহার করেছি তার ব্যাপারে জেনে নেইঃ

নন-ব্রেকিং স্পেস ( &nbsp; )

এইচটিএমএল কোডে একাধিক স্পেস, কারেজ রিটার্ন, ট্যাব, ইত্যাদি পরিবর্তিত হয়ে শুধুমাত্র একটি স্পেস সৃষ্টি করে। আপনি code এ যতগুলোই স্পেস দিন না কেন আউটপুট এ মাত্র একটি স্পেসই পাবেন।

 

 

 

এরকম আরও অনেক আছে সেগুলো সম্পর্কে জানার জন্য আমরা গুগলে সার্চ করবো HTML Entities Reference

এবং প্রথম ওবেওসাইটটি তে ঢুকবো

এখানে দেখবো অনেক এনটিটিস আছে এখন ধরুন আমি Copyright এর সিম্বল টি লিখবো

তার জন্য শুধু আমাদের সেখানে থাকা কোড টি কপি করতে হবে

এবং VSCode এ পেস্ট করতেব হবে ,

শুধু কোডের আগে & যুক্ত করতে হবে এভাবেঃ

তাহলে এর রেজাল্ট আসবে এমনঃ

তো আজ এপর্যন্তই । দেখা হবে পরবর্তী ক্লাসে । আল্লাহ হাফেজ ।

 

কোনো সমস্যা হলে বা প্রতিনিয়ত আপডেটেড থাকতে টেলিগ্রাম গ্রুপে আসুনঃ

Web Journey With SR

 

[Warning: The complete course is written by Saimum Raihan. This course is fully copyrighted to TrickBD Official & Saimum Raihan. Please do not copy, otherwise legal action will attempt. Thank You]

The post HTML এর সাহায্যে যেকোনো সিম্বল লেখা শিখুন এবং একের অধিক স্পেস ব্যবহার শিখুন – HTML Entities (Class – 13) appeared first on Trickbd.com.



source https://trickbd.com/web-development/858622

Comments

Post a Comment

Popular posts from this blog

জনপ্রিয় এনিমে Attack on Titan Season 1 & 2 হিন্দি ডাব | দেখুন ও ডাউনলোড করুন

Attack on Titan (Shingeki no Kyojin) হল এক জনপ্রিয় জাপানি এনিমে, যা বর্তমান সময়ে অনেক জনপ্রিয়। কিছু দিন আগেই এই এনিমেটির সিজন ১ ও ২ এর অফিশিয়াল হিন্দি ডাব রিলিজ হয়েছে। আপনি হিন্দি ডবে এই এনিমেটি দেখতে চান তাহলে এই পোস্টটি আপনার জন্য! এই পোস্টটি থেকে আপনি বিনামূল্য এমিটিকে ডাউনলোড করে দেখতে পারবেন। Attack on Titan Season 1 হিন্দি ডাব Attack on Titan-এর প্রথম সিজনে আমরা দেখি, কীভাবে ইরেন ইয়েগার এবং তার বন্ধুরা ভয়ানক টাইটানদের বিরুদ্ধে লড়াই করে। হঠাৎ এক বিশাল আকারের টাইটান ওয়াল মারিয়া ভেঙে শহরে আক্রমণ চালায়, যা মানবজাতির জন্য এক মারাত্মক হুমকি হয়ে দাঁড়ায়। ইরেন প্রতিজ্ঞা করে, সে সমস্ত টাইটান ধ্বংস করবে এবং মানবতার প্রতিশোধ নেবে। সম্পূর্ণ এনিমেটিকে ডাউনলোড করে বিস্তারির কাহিনি দেখুন। সিজন ১ এর সরাসরি ডাউনলোড লিংক নিচে দিয়ে দিলাম – Pixeldrain Download Link – Zip File (5.30 GB) Mega – Zip FIle Attack on Titan Season 2 হিন্দি ডাব দ্বিতীয় সিজনে গল্প আরও রহস্যময় মোড় নেয়। নতুন নতুন টাইটানদের পরিচয় পাওয়া যায় এবং জানা যায় কিছু পরিচিত চরিত্ররাও আসলে টাইটান রূপান্তরিত। ইরেন ও তার দল মানব...
Post a Comment
Read more

Glutathione – গায়ের রঙ ফর্সা করতে কার্যকারিতা, ব্যবহার এবং সাইড ইফেক্ট সম্পর্কে সবকিছু (Skin health)

আসসালামু আলাইকুম   আজকের আলোচনায় আমরা জানবো Glutathione  এর কার্যকারিতা, ব্যবহার, এবং সাইড ইফেক্ট নিয়ে। আশা করছি আপনাদের জন্য এটি উপকারী হবে।  Glutathione এর কাজ কি? (benefits of glutathione) গ্লুটাথিওয়ন বর্তমান সময়ে, বহুল জনপ্রিয় একটি সাপ্লিমেন্ট ত্বক ফর্সা ও উজ্জ্বল করার জন্য। এছাড়াও গ্লুটাথিওয়ন (Glutathione) নেওয়ার পর শরীরের ইমিউনিটি সিস্টেম বেড়ে যায়, লিভার ডিটক্স (পরিষ্কার হয়) এবং রক্তের বিভিন্ন দুষণ সমস্যা গুলোও ঠিক করে দেয়। দেখা গেছে যে, যাদের মুখের ত্বক, শরীরের অন্যান্য অংশ থেকে, কম উজ্জল হয়ে থাকে তাও এক রকম করে দেয় গ্লুটাথিওয়ন। এক কথায় সারা শরীরের ত্বকের উপর কাজ করে। এছাড়াও আমাদের ত্বক বেশী রোদ্রে যাওয়ার ফলে কালচে (ট্যান) হয়ে যায়, এটাও দ্রুত হিল করে গ্লুটাথিওয়ন। এমনকি শরীরের বিভিন্ন ক্ষত ও দ্রুত সারিয়ে তোলে গ্লুটাথিওয়ন এর পরিমান শরীরে বেশি থাকলে। তবে কসমেটিকস জগতে গ্লুটাথিওয়ন এর একটি ফলাফল হলো স্কিন উজ্জ্বল, ও ২/৩ সেড ফর্সা করা, যার কারনে এটি বহুল পরিচিত। এটি কি সবার জন্য কাজ করে? উত্তর হচ্ছে, অনেকটাই করে। তবে যাদের ত্বক অলরেডি উজ্জ্বল, তাদের ক্ষেত্রে এতট...
Post a Comment
Read more

Capcut এ বাংলাতে লিখতে পারবেন এখন থেকে খুব সহজেই!!

আসসালামু আলাইকুম আশা করি সকলেই অনেক ভালো আছেন। আজকে আবারো আপনাদের মাঝে নতুন একটি আর্টিকেল নিয়ে হাজির হলাম। আজকে আপনাদের সাথে শেয়ার করবো কিভাবে আপনারা Capcut এপ এ বাংলা ফন্ট ব্যবহার কর‍তে পারবেন তাও আবার খুব সহজেই। আশা করবো পোস্টটি আপনাদের কাজে লাগবে। আপনারা জানেন Capcut একটা জনপ্রিয় ভিডিও এডিটিং এপ। ভিডিও এর পাশাপাশি Capcut এর বর্তমান আপডেট গুলোর দরুন এখন ফটো এডিটিং এও এই এপ এর প্রচুর ব্যবহার রয়েছে। এই এপটা খুবই জনপ্রিয় হওয়া সত্ত্বেও এই এপ এ বাংলা ফন্ট ব্যবহার করা যায় না। অনেকেই অনেক ভাবে চেষ্টা করেছেন হয় তো বাংলা ফন্ট ব্যবহার করার, কেউ পেরেছেন কেউ পারেন নি। আজকের পোস্ট টা তাদের জন্য যারা পূর্বে ব্যার্থ হয়েছিলেন। আমি ১০০% গ্যারান্টি দিচ্ছি, আজকের পোস্ট ফলো করলে আপনাদের Capcut এপ এ বাংলা ফন্ট ইউজ করতে কোনো সমস্যাই হবে না।   Capcut এপ এ বাংলা ফন্ট লেখার উপায় Capcut এপ এ বাংলা ফন্ট সরাসরি ব্যবহার করা যাবে না। তবে আপনাদের আমি আজকে যে ট্রিক্স দেখাবো সেটার মাধ্যমে একদম সহজেই Capcut এ আপনারা বাংলা ফন্ট ব্যবহার করতে পারবেন। তো চলুন কথা না বাড়িয়ে এবার মূল কাজে চলে যাই। ১. প্রথমেই Cap...
Post a Comment
Read more