CSS স্টাইলে প্রি কি? HTML এ প্রি-র্যাপিং কোড ট্যাগের ভূমিকা

ওয়ার্ডপ্রেস ব্যবহার করে একটি ওয়েবসাইট তৈরি করতে আমাদের কিছু প্রাথমিক CSS এবং HTML শিখতে হবে:

• কিছু ওয়ার্ডপ্রেস থিমের CSS স্টাইলের ফাইলের কারণে, প্রাক এবং কোড ট্যাগ শৈলী যোগ করা হয় না।
• বেশিরভাগ ব্রাউজার বর্তমানে সমর্থন করেচিহ্ন

এইচটিএমএল  লেবেল উদাহরণ

নিচে দেওয়া হল প্রি ট্যাগের CSS স্টাইল (যা স্বয়ংক্রিয়ভাবে HTML কোডকে মোড়ানো যায়) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

নিচের কোড ট্যাগের CSS শৈলী ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

使用 方法:

• উপরের CSS ট্যাগগুলো অনুগ্রহ করে ওয়ার্ডপ্রেস থিমে অনুলিপি করুন style.css ফাইলে

এইচটিএমএল প্রাক ট্যাগ ফাংশন এবং ব্যবহারের নির্দেশাবলী

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

মার্কআপ প্রায়শই标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

আপনি যদি HTML-এ নির্দিষ্ট টেক্সট ফরম্যাট রাখতে চান, তাহলে আপনাকে লিডিং এলিমেন্টের অ্যাট্রিবিউটের সুবিধা নিতে হবে।

টিপস এবং নির্দেশাবলী

ইঙ্গিত:ট্যাগের একটি সাধারণ ব্যবহার হল কম্পিউটারের সোর্স কোডের প্রতিনিধিত্ব করা।

HTML 4.01 এবং HTML5 এর মধ্যে পার্থক্য

এইচটিএমএল 4.01-এ, "প্রস্থ" বৈশিষ্ট্যটি অবহেলিত এবং ব্যবহার করা যাবে না। HTML5 "প্রস্থ" বৈশিষ্ট্য সমর্থন করে না।

গুণ

সম্পত্তি মূল্য বিবরণ

• প্রস্থ সংখ্যা HTML5 এই বৈশিষ্ট্য সমর্থন করে না.
• এই অ্যাট্রিবিউটটি HTML 4.01-এ অপ্রচলিত।
• প্রতি লাইনে অক্ষরের সর্বোচ্চ সংখ্যা নির্ধারণ করে (সাধারণত 40,80, 132 বা XNUMX)।

বিশ্বব্যাপী বৈশিষ্ট্য

• <pre>মার্কআপ বিশ্বব্যাপী বৈশিষ্ট্য সমর্থন করে, এবং সম্পূর্ণ সম্পত্তি শীট HTML গ্লোবাল বৈশিষ্ট্য দেখুন।

ইভেন্ট বৈশিষ্ট্য

• ট্যাগ সমস্ত HTML ইভেন্ট বৈশিষ্ট্য সমর্থন করে।