CSS शैलीमध्ये प्री म्हणजे काय? HTML मध्ये प्री रॅपिंग कोड टॅगची भूमिका

आम्ही वापरतोवर्डप्रेस वेबसाइटCSS आणि HTML च्या काही मूलभूत गोष्टी शिकण्याची आवश्यकता आहे:

  • काही वर्डप्रेस थीमच्या CSS शैली फाइल्समुळे, प्री आणि कोड टॅग शैली जोडल्या जात नाहीत.
  • बहुतेक ब्राउझर सध्या सपोर्ट करतातचिन्ह

वेबपृष्ठ HTML 5 साठी HTML XNUMX प्रतिमा अनुकूली स्क्रीन img आनुपातिक स्केलिंग कोड

HTML  लेबल उदाहरण

खालील प्री टॅगची CSS शैली आहे (जी आपोआप एचटीएमएल कोड गुंडाळू शकते) ▼

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 मध्ये निर्दिष्ट मजकूर फॉरमॅट ठेवायचा असल्यास, तुम्हाला अग्रगण्य घटकाच्या विशेषताचा लाभ घेणे आवश्यक आहे.

टिपा आणि सूचना

इशारा:टॅगचा सामान्य वापर म्हणजे संगणकाचा सोर्स कोड दर्शवणे.

HTML 4.01 आणि HTML5 मधील फरक

HTML 4.01 मध्ये, "रुंदी" विशेषता नापसंत आहे आणि वापरली जाऊ शकत नाही. HTML5 "रुंदी" विशेषताला समर्थन देत नाही.

गुणधर्म

मालमत्तेचे मूल्य वर्णन

  • रुंदी क्रमांक HTML5 या विशेषताला समर्थन देत नाही.
  • ही विशेषता HTML 4.01 मध्ये नापसंत केली आहे.
  • प्रति ओळ कमाल वर्णांची संख्या परिभाषित करते (सामान्यतः 40,80, 132 किंवा XNUMX).

जागतिक गुणधर्म

  • <pre>मार्कअप जागतिक विशेषतांना समर्थन देते आणि संपूर्ण मालमत्ता पत्रक HTML जागतिक विशेषता पहा.

घटना गुणधर्म

  • टॅग सर्व HTML इव्हेंट विशेषतांना समर्थन देतात.

होप चेन वेइलांग ब्लॉग ( https://www.chenweiliang.com/ ) सामायिक केले "सीएसएस शैलीमध्ये प्री म्हणजे काय? HTML मधील प्री ऑटोमॅटिक लाइन रॅपिंग कोड टॅगची भूमिका तुमच्यासाठी उपयुक्त आहे.

या लेखाची लिंक सामायिक करण्यासाठी आपले स्वागत आहे:https://www.chenweiliang.com/cwl-2116.html

नवीनतम अपडेट्स मिळवण्यासाठी चेन वेइलियांगच्या ब्लॉगच्या टेलिग्राम चॅनेलवर आपले स्वागत आहे!

🔔 चॅनल टॉप डिरेक्टरीमध्ये मौल्यवान "ChatGPT Content Marketing AI टूल वापर मार्गदर्शक" मिळवणारे पहिले व्हा! 🌟
📚 या मार्गदर्शकामध्ये प्रचंड मूल्य आहे, 🌟ही एक दुर्मिळ संधी आहे, ती चुकवू नका! ⏰⌛💨
आवडल्यास शेअर आणि लाईक करा!
तुमचे शेअरिंग आणि लाईक्स ही आमची सतत प्रेरणा आहे!

 

评论 评论

आपला ईमेल पत्ता प्रकाशित केला जाणार नाही. 用 项 已 用 * लेबल

वर स्क्रोल करा