CSS શૈલીમાં પ્રી શું છે? HTML માં પ્રી-રેપિંગ કોડ ટૅગ્સની ભૂમિકા

અમે ઉપયોગ કરીએ છીએવર્ડપ્રેસ વેબસાઇટCSS અને HTML ની ​​કેટલીક મૂળભૂત બાબતો શીખવાની જરૂર છે:

• કેટલીક વર્ડપ્રેસ થીમ્સની CSS સ્ટાઇલ ફાઇલોને લીધે, પ્રી અને કોડ ટેગ સ્ટાઇલ ઉમેરવામાં આવતી નથી.
• મોટાભાગના બ્રાઉઝર હાલમાં સપોર્ટ કરે છેચિહ્ન.

HTML  લેબલ ઉદાહરણ

નીચે પ્રી ટેગની 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 ટૅગ્સને WordPress થીમ પર કૉપિ કરો style.css ફાઇલમાં.

HTML પ્રી ટૅગ ફંક્શન અને ઉપયોગ માટેની સૂચનાઓ

• લેબલ્સ પ્રીફોર્મેટ કરેલ ટેક્સ્ટને વ્યાખ્યાયિત કરે છે.
• માર્કઅપ તત્વોમાં, સમાવિષ્ટ ટેક્સ્ટ સામાન્ય રીતે જગ્યાઓ અને રેખા વિરામ છોડે છે.
• ટેક્સ્ટ મોનોસ્પેસ ફોન્ટમાં પણ પ્રદર્શિત થશે.

માર્કઅપનો标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

જો તમે સ્પષ્ટ કરેલ ટેક્સ્ટ ફોર્મેટને HTML માં મૂકવા માંગતા હો, તો તમારે અગ્રણી તત્વની વિશેષતાનો લાભ લેવાની જરૂર છે.

ટિપ્સ અને સૂચનાઓ

ઈશારો:ટૅગ્સનો સામાન્ય ઉપયોગ કમ્પ્યુટરના સ્રોત કોડને રજૂ કરવાનો છે.

HTML 4.01 અને HTML5 વચ્ચેનો તફાવત

HTML 4.01 માં, "પહોળાઈ" વિશેષતા નાપસંદ કરવામાં આવી છે અને તેનો ઉપયોગ કરી શકાતો નથી. HTML5 "પહોળાઈ" લક્ષણને સમર્થન આપતું નથી.

લક્ષણ

મિલકત મૂલ્યનું વર્ણન

• પહોળાઈ નંબર HTML5 આ લક્ષણને સમર્થન આપતું નથી.
• આ વિશેષતા HTML 4.01 માં દૂર કરવામાં આવી છે.
• લાઇન દીઠ અક્ષરોની મહત્તમ સંખ્યા વ્યાખ્યાયિત કરે છે (સામાન્ય રીતે 40,80, 132 અથવા XNUMX).

વૈશ્વિક ગુણધર્મો

• <pre>માર્કઅપ વૈશ્વિક વિશેષતાઓને સમર્થન આપે છે અને સંપૂર્ણ પ્રોપર્ટી શીટ HTML વૈશ્વિક વિશેષતાઓ જુઓ.

ઘટના ગુણધર્મો

• ટૅગ્સ તમામ HTML ઇવેન્ટ વિશેષતાઓને સપોર્ટ કરે છે.