Tech Questions bd-টেক কোশ্চেন বিডি: Web design

blogger সাইটে কপি পেষ্ট ডিজেবল করুন সহজেই।

Akter Molla June 30, 2024

অবাঞ্ছিত কপি-পেস্ট এবং রাইট-ক্লিক নিষিদ্ধ করার জন্য কোড ব্যবহার করে আপনার ওয়েবসাইট সুরক্ষিত রাখুন আপনার ওয়েবসাইটের বিষয়বস্তু সুরক্ষিত রাখা একটি গুরুত্বপূর্ণ বিষয়। বিশেষ করে যখন আপনি চান না যে কেউ আপনার লেখা বা তথ্য কপি করে ব্যবহার করুক।

https://techquestionsbd.blogspot.com/disable-copy-pest.html

এখানে একটি HTML, CSS এবং JavaScript কোড আছে যা আপনার ওয়েবসাইটের সকল পৃষ্ঠায় কপি-পেস্ট এবং রাইট-ক্লিক নিষিদ্ধ করবে, তবে নির্দিষ্ট একটি পৃষ্ঠায় এই সুবিধাগুলি সক্রিয় রাখবে।

এখানে একটি উদাহরণ দেওয়া হল যেটি আপনার ওয়েবসাইটের কন্টাক্ট পৃষ্ঠায় রাইট-ক্লিক এবং টেক্সট সিলেকশন সক্রিয় রাখবে, কিন্তু অন্য সব পৃষ্ঠায় এগুলি নিষিদ্ধ করবে:

<!-- START disable copy paste -->
<style>
  body {
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
  }
</style>
<script type='text/javascript'>
  document.addEventListener('DOMContentLoaded', (event) => {
    const contactPageURL = 'https://dhpathager.blogspot.com/p/contact-us.html';
    if (window.location.href !== contactPageURL) {
      document.body.oncopy = (e) => e.preventDefault();
      document.body.oncut = (e) => e.preventDefault();
      document.body.oncontextmenu = (e) => e.preventDefault();
      document.body.onselectstart = (e) => e.preventDefault();
      document.body.onmousedown = (e) => e.preventDefault();
    } else {
      // Enable right-click and text selection for contact page
      document.body.style.userSelect = 'text';
      document.body.style.webkitUserSelect = 'text'; /* Safari */
      document.body.style.mozUserSelect = 'text'; /* Firefox */
      document.body.style.msUserSelect = 'text'; /* Internet Explorer/Edge */
      document.body.oncopy = null;
      document.body.oncut = null;
      document.body.oncontextmenu = null;
      document.body.onselectstart = null;
      document.body.onmousedown = null;
    }
  });
</script>
<!-- END disable copy paste -->

এই কোডে, আমরা একটি allowedPages অ্যারে ব্যবহার করেছি যাতে আমরা যেসব পৃষ্ঠায় রাইট-ক্লিক এবং টেক্সট সিলেকশন সক্রিয় রাখতে চাই, সেগুলির URL অন্তর্ভুক্ত করেছি। তারপর আমরা চেক করেছি বর্তমান পৃষ্ঠার URL কি এই তালিকার মধ্যে আছে কিনা। যদি না থাকে, তবে কপি-পেস্ট এবং রাইট-ক্লিক নিষিদ্ধ করা হবে।

কোডটি কীভাবে আপনার ব্লগারে যোগ করবেন:

আপনার ব্লগারের ড্যাশবোর্ডে যান। বাম দিকের মেনু থেকে Theme নির্বাচন করুন। উপরের ডানদিকে Edit HTML বোতামে ক্লিক করুন।

"< head >" ট্যাগের মধ্যে এই কোডটি পেস্ট করুন।সংরক্ষণ করতে Save বোতামে ক্লিক করুন।

এই কয়েকটি সহজ ধাপ অনুসরণ করলেই আপনি আপনার ব্লগার ওয়েবসাইটে কপি-পেস্ট এবং রাইট-ক্লিক নিষিদ্ধ করতে পারবেন। নির্দিষ্ট পৃষ্ঠায় এই সুবিধা সক্রিয় রাখতে পারবেন। আপনার ওয়েবসাইট সুরক্ষিত ও পেশাদার দেখাবে এবং আপনার বিষয়বস্তু সুরক্ষিত থাকবে।

Download this cod

এইচ টি এম এল কি? - একটি সম্পূর্ণ গাইড

Akter Molla July 20, 2023

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

এইচ টি এম এল কি?

এইচ টি এম এল হলো হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজের (HTML) স্ট্যান্ডার্ড ফরম্যাট। এটি সহজ ভাষায় বলতে, একটি কম্পিউটার ভাষা যা ওয়েব ব্রাউজারে প্রদর্শন করে ওয়েব পৃষ্ঠাগুলি তৈরি করার জন্য ব্যবহৃত হয়। এইচ টি এম এল দ্বারা, আপনি ওয়েব পৃষ্ঠায় মুল সাধারণ ধারণা, শিরোনাম, প্যারাগ্রাফ, লিস্ট, টেবিল, চিত্র এবং অন্যান্য উপাদান বিশেষ করে দেখাতে পারেন।

এইচ টি এম এল এর উপাদান

এইচ টি এম এল ভাষার বেশিরভাগ উপাদানের নামগুলি বুলেট পয়েন্টের মধ্যে ব্যক্ত করা হয়। এটি ওয়েব পৃষ্ঠাগুলি তৈরি করার সময় ব্যবহৃত হয় যাতে ব্যবহারকারীরা এটি সহজে পড়তে এবং বোঝতে পারে। নীচে কিছু এইচ টি এম এল উপাদানের উদাহরণ দেয়া হল:

| উপাদানের নাম | বর্ণনা |
|----------------------|------------------------------------------------------------------|
| `<h1> টেক্সট </h1>` | একটি শিরোনাম দেওয়ার জন্য ব্যবহৃত হয়। |
| `<p> প্যারাগ্রাফ </p>` | একটি প্যারাগ্রাফ
বা বিভাগের টেক্সট দেওয়ার জন্য ব্যবহৃত হয়। |
| `<ul> <li> আইটেম </li> </ul>` | একটি অনুচ্ছেদে বা তালিকার আইটেম দেওয়ার জন্য ব্যবহৃত হয়। |
| `<img src="url">` | একটি ছবি বা চিত্র প্রদর্শন করার জন্য ব্যবহৃত হয়। |

এইচ টি এম এল এর মূল ব্যবহার

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

এইচ টি এম এল এর গুরুত্ব

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

কি কি শেখা প্রয়োজন?

HTML শেখা একটি মুল্যবান দক্ষতা যা ওয়েব ডেভেলপমেন্টে অভ্যন্তরীণ অংশ। কিন্তু নতুন শুরুকারীদের জন্য, এই ভাষার উপর ভিত্তি করে কিছু মৌলিক ধারণা এবং উপাদান শেখা প্রয়োজন। নীচে কিছু প্রধান বিষয়ের তালিকা দেওয়া হল:

1. বেসিক ট্যাগ স্ট্রাকচার

HTML দ্বারা সৃষ্ট পৃষ্ঠাগুলি তৈরির জন্য বেসিক ট্যাগ স্ট্রাকচার শেখা প্রয়োজন। `<html>`, `<head>`, এবং `<body>` ট্যাগ স্ট্রাকচারের মৌলিক অংশ।

2. টেক্সট ফরম্যাটিং ট্যাগ

টেক্সট ফরম্যাটিং ট্যাগ ব্যবহার করে পাঠ্যের শৈলী বা ফরম্যাটিং পরিবর্তন করা যায়। `<h1>`, `<p>`, `<strong>`, `<em>` ইত্যাদি উদাহরণ ট্যাগ।

3. ছবি এবং চিত্র যোগ করা

`<img>` ট্যাগ ব্যবহার করে ওয়েব পৃষ্ঠায় ছবি বা চিত্র যোগ করা যায়। এই ট্যাগে ছবির URL প্রদান করতে হয়।

4. হাইপারলিঙ্ক

HTML দ্বারা হাইপারলিঙ্ক বা লিঙ্ক যোগ করা যায়। `<a>` ট্যাগ ব্যবহার করে অন্য পৃষ্ঠায় লিঙ্ক তৈরি করা যায়।

5. লিস্ট তৈরি করা

`<ul>`, `<ol>`, এবং `<li>` ট্যাগ ব্যবহার করে বোঝায় একটি অপারেটিং তালিকা (বোল্ড) বা নির্দিষ্ট তালিকা (নম্বরিং) তৈরি করা।

এইচ টি এম এল এর কিছু প্রায়োজনীয় ট্যাগ

HTML শেখা সময় নিম্নলিখিত কিছু প্রায়োজনীয় ট্যাগের জন্য ধারণা থাকা গুরুত্বপূর্ণ:

1. `<head>`: পেজ সম্পর্কিত মেটা তথ্য, স্ক্রিপ্ট, সিএসএস, অথবা অন্যান্য সংযোজিত ফাইলের তথ্য সংযোজন করার জন্য।

2. `<title>`: ওয়েব পৃষ্ঠার শিরোনাম সেট করতে ব্যবহৃত হয়।

3. `<meta>`: পেজের মেটা তথ্য সেট করতে ব্যবহৃত হয়, যা ওয়েব ব্রাউজারের জন্য প্রদর্শিত হয় না।

4. `<header>` এবং `<footer>`: ওয়েবসাইটের শীর্ষ এবং পেশাদার অংশগুলি ব্যবহার করে প্রদর্শন করা যায়।

5. `<table>` এবং `<tr>`: তথ্য টেবিলের জন্য ব্যবহার করা যায়, যা তালিকাবদ্ধ সামগ্রী দেখাতে সাহায্য করে।

এইচ টি এম এল এর সুবিধা

এইচ টি এম এল এর ব্যবহারের একটি গুরুত্বপূর্ণ সুবিধা হ'ল এটি একটি বিশ্বস্ত এবং স্থায়ী মানচিত্রের মধ্যে উপাদান বোঝাতে সাহায্য করে। অনেকে অংশীদারী পাওয়ার পরিবর্তে এইচ টি এম এল দ্বারা পৃষ্ঠাগুলি প্রদর্শন করতে পারেন। এটি অনেক ব্যবহারকারীদের জন্য বিশেষভাবে গুরুত্বপূর্ণ, যারা ওয়েব ডেভেলপমেন্টে অভিরুচি রাখেন।

প্রশ্নঃ এইচ টি এম এল কি?

উত্তরঃ এইচ টি এম এল হলো হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজের (HTML) স্ট্যান্ডার্ড ফরম্যাট। এটি সহজ ভাষায় বলতে, একটি কম্পিউটার ভাষা যা ওয়েব ব্রাউজারে প্রদর্শন করে ওয়েব পৃষ্ঠাগুলি তৈরি করার জন্য ব্যবহৃত হয়।

প্রশ্নঃ কি কি শেখা প্রয়োজন HTML শেখার জন্য?

উত্তরঃ HTML শেখা একটি মুল্যবান দক্ষতা যা ওয়েব ডেভেলপমেন্টে অভ্যন্তরীণ অংশ। নতুন শুরুকারীদের জন্য, এই ভাষার উপর ভিত্তি করে কিছু মৌলিক ধারণা এবং উপাদান শেখা প্রয়োজন। বেসিক ট্যাগ স্ট্রাকচার, টেক্সট ফরম্যাটিং, ছবি এবং চিত্র যোগ করা, হাইপারলিঙ্ক, লিস্ট তৈরি করা ইত্যাদি সম্পর্কিত ট্যাগের জন্য ধারণা থাকা গুরুত্বপূর্ণ।

প্রশ্নঃ কি কি উপাদান দেখাতে সাহায্য করে HTML?

উত্তরঃ HTML দ্বারা আপনি ওয়েব পৃষ্ঠাতে মুল উপাদান বোঝাতে সাহায্য করতে পারেন। বেসিক ট্যাগ স্ট্রাকচার, টেক্সট ফরম্যাটিং, ছবি এবং চিত্র যোগ করা, হাইপারলিঙ্ক, লিস্ট তৈরি করা ইত্যাদি উপাদান দ্বারা ওয়েব পৃষ্ঠা ভালোভাবে বোঝানো যায়।

প্রশ্নঃ এইচ টি এম এল কেন গুরুত্বপূর্ণ?

উত্তরঃ এইচ টি এম এল প্রায় সকল ওয়েবসাইটে ব্যবহৃত হয় কারণ এটি ওয়েব পৃষ্ঠার গুরুত্বপূর্ণ উপাদান ব্যবহার করার জন্য সুবিধাজনক। এই ভাষাটির সাথে আপনি একটি স্টাটিক ওয়েবসাইট থেকে একটি ডাইনামিক ওয়েবসাইট তৈরি করতে পারেন, যা ব্যবহারকারীদের অভিজ্ঞতা প্রদান করতে সাহায্য করে।

প্রশ্নঃ কি কি প্রায়োজনীয় ট্যাগ HTML শেখার জন্য?

উত্তরঃ প্রায়োজনীয় ট্যাগের তালিকা নিম্নলিখিতঃ

2. `<title>`: ওয়েব পৃষ্ঠার শিরোনাম সেট করতে ব্যবহৃত হয়।

প্রশ্নঃ কি কি সুবিধা এইচ টি এম এল এর?

উত্তরঃ এইচ টি এম এল এর ব্যবহারের একটি গুরুত্বপূর্ণ সুবিধা হ'ল এটি একটি বিশ্বস্ত এবং স্থায়ী মানচিত্রের মধ্যে উপাদান বোঝাতে সাহায্য করে। অনেকে অংশীদারী পাওয়ার পরিবর্তে এইচ টি এম এল দ্বারা পৃষ্ঠাগুলি প্রদর্শন করতে পারেন। এটি অনেক ব্যবহারকারীদের জন্য বিশেষভাবে গুরুত্বপূর্ণ, যারা ওয়েব ডেভেলপমেন্টে অভিরুচি রাখেন।

প্রশ্নঃ এইচ টি এম এল এর মাধ্যমে কী তৈরি করা যায়?

উত্তরঃ এইচ টি এম এল দ্বারা আপনি ওয়েব পৃষ্ঠাতে সাধারণ ধারণা, শিরোনাম, প্যারাগ্রাফ, লিস্ট, টেবিল, চিত্র এবং অন্যান্য উপাদান বিশেষ করে দেখাতে পারেন। এইচ টি এম এল সাধারণভাবে ওয়েব পৃষ্ঠার স্ট্রাকচার এবং তত্ত্ব সম্পর্কে বড় ধারণা দেয়। এটি বেশিরভাগ মডার্ন ওয়েবসাইটের স্থানে প্রয়োজনীয় এবং গুরুত্বপূর্ণ প্রয়োজন।

এইচ টি এম এল (HTML) হ'লো হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজের স্ট্যান্ডার্ড ফরম্যাট। এই ভাষাটি ওয়েব পৃষ্ঠাগুলি তৈরি করার জন্য ব্যবহৃত হয় এবং ওয়েব ব্রাউজারে দেখা যায়। HTML দ্বারা, আপনি পৃষ্ঠাগুলি প্রদর্শন করার জন্য বিভিন্ন উপাদান যোগ করতে পারেন, যেমন টেক্সট, ছবি, চিত্র, হাইপারলিঙ্ক, লিস্ট, টেবিল ইত্যাদি। HTML একটি মুল্যবান দক্ষতা যা ওয়েব ডেভেলপমেন্টে অভ্যন্তরীণ অংশ, এবং বেশিরভাগ মডার্ন ওয়েবসাইটের স্থানে প্রয়োজনীয়। আপনি এইচ টি এম এল শেখে, ওয়েব পৃষ্ঠাগুলি তৈরি করার মৌলিক বিধি এবং পদ্ধতি শেখার মাধ্যমে ওয়েব ডেভেলপমেন্টে আপনার দক্ষতা, সেবা, অ্যাট্র্যাকশন, এবং ট্রাস্ট সৃষ্টি করতে পারেন। প্রস্তুত হোন আপনার প্রথম ওয়েবসাইট তৈরি করতে এইচ টি এম এল ব্যবহার করে, এবং অনুভব এবং কর্মক্ষমতা অর্জন করুন!

Tech Questions bd-টেক কোশ্চেন বিডি

Breaking News

blogger সাইটে কপি পেষ্ট ডিজেবল করুন সহজেই।

কোডটি কীভাবে আপনার ব্লগারে যোগ করবেন:

এইচ টি এম এল কি? - একটি সম্পূর্ণ গাইড

এইচ টি এম এল কি?

এইচ টি এম এল এর উপাদান

এইচ টি এম এল এর মূল ব্যবহার

এইচ টি এম এল এর গুরুত্ব

কি কি শেখা প্রয়োজন?

1. বেসিক ট্যাগ স্ট্রাকচার

2. টেক্সট ফরম্যাটিং ট্যাগ

3. ছবি এবং চিত্র যোগ করা

4. হাইপারলিঙ্ক

5. লিস্ট তৈরি করা

এইচ টি এম এল এর কিছু প্রায়োজনীয় ট্যাগ

এইচ টি এম এল এর সুবিধা

প্রশ্নঃ এইচ টি এম এল কি?

প্রশ্নঃ কি কি শেখা প্রয়োজন HTML শেখার জন্য?

প্রশ্নঃ কি কি উপাদান দেখাতে সাহায্য করে HTML?

প্রশ্নঃ এইচ টি এম এল কেন গুরুত্বপূর্ণ?

প্রশ্নঃ কি কি প্রায়োজনীয় ট্যাগ HTML শেখার জন্য?

প্রশ্নঃ কি কি সুবিধা এইচ টি এম এল এর?

প্রশ্নঃ এইচ টি এম এল এর মাধ্যমে কী তৈরি করা যায়?

জ্ঞান ভান্ডার

সেটিংস

চ্যাট শুরু করুন

Breaking News

blogger সাইটে কপি পেষ্ট ডিজেবল করুন সহজেই।

কোডটি কীভাবে আপনার ব্লগারে যোগ করবেন:

এইচ টি এম এল কি? - একটি সম্পূর্ণ গাইড

এইচ টি এম এল কি?

এইচ টি এম এল এর উপাদান

এইচ টি এম এল এর মূল ব্যবহার

এইচ টি এম এল এর গুরুত্ব

কি কি শেখা প্রয়োজন?

1. বেসিক ট্যাগ স্ট্রাকচার

2. টেক্সট ফরম্যাটিং ট্যাগ

3. ছবি এবং চিত্র যোগ করা

4. হাইপারলিঙ্ক

5. লিস্ট তৈরি করা

এইচ টি এম এল এর কিছু প্রায়োজনীয় ট্যাগ

এইচ টি এম এল এর সুবিধা

প্রশ্নঃ এইচ টি এম এল কি?

প্রশ্নঃ কি কি শেখা প্রয়োজন HTML শেখার জন্য?

প্রশ্নঃ কি কি উপাদান দেখাতে সাহায্য করে HTML?

প্রশ্নঃ এইচ টি এম এল কেন গুরুত্বপূর্ণ?

প্রশ্নঃ কি কি প্রায়োজনীয় ট্যাগ HTML শেখার জন্য?

প্রশ্নঃ কি কি সুবিধা এইচ টি এম এল এর?

প্রশ্নঃ এইচ টি এম এল এর মাধ্যমে কী তৈরি করা যায়?

জ্ঞান ভান্ডার

সেটিংস

চ্যাট শুরু করুন

Recent Posts

Ad Title