Yintoni i-pre kwisitayile seCSS? Indima yeethegi zekhowudi yokusonga kwangaphambili kwi-HTML

sisebenzisaIwebhusayithi yeWordPressKufuneka ufunde iziseko zeCSS kunye neHTML:

  • Ngenxa yeefayile zesimbo seCSS zeminye imixholo yeWordPress, izitayile zethegi zangaphambili kunye nekhowudi azongezwanga.
  • Uninzi lwezikhangeli zixhasa okwangokuuphawu.

HTML 5 umfanekiso weskrini img ikhowudi yokukala ehambelana kwiphepha lewebhu HTML XNUMX

HTML  Leyibhile umzekelo

Okulandelayo sisimbo se CSS yethegi yangaphambili (enokusonga ngokuzenzekelayo ikhowudi ye-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;
}

Okulandelayo sisimbo se-CSS sethegi yekhowudi ▼

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

Imiyalelo:

  • Nceda ukopishe iithegi zeCSS ezingentla kumxholo we-WordPress style.css kwifayile.

Umsebenzi we-HTML wangaphambili wethegi kunye nemiyalelo yokusetyenziswa

  • Iileyibhile ichaza umbhalo olungiswe kwangaphambili.
  • Kwizinto zokuphawula, isicatshulwa esiqulethwe ngokuqhelekileyo sishiya izithuba kunye nokuqhawula umgca.
  • Okubhaliweyo kuya kuboniswa kwakhona kwifonti enesithuba esinye.

Uphawu luhlala标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

Ukuba ufuna ukubeka ifomati yokubhaliweyo ekhankanyiweyo kwi-HTML, kufuneka uthathe ithuba lophawu lwesiqalelo esikhokelayo.

Iingcebiso kunye nemiyalelo

icebiso:Ukusetyenziswa okuqhelekileyo kweethegi kukumela ikhowudi yemvelaphi yekhompyuter.

Umahluko phakathi kwe-HTML 4.01 kunye ne-HTML5

Kwi-HTML 4.01, uphawu "lobubanzi" lurhoxisiwe kwaye alunakusetyenziswa. I-HTML5 ayiluxhasi "ububanzi" uphawu loyelelwano.

uphawu

Inkcazo yexabiso lePropati

  • Ububanzi benombolo HTML5 ayiluxhasi olu phawu.
  • Olu phawu loyelelwano lurhoxisiwe kwi-HTML 4.01.
  • Ichaza inani eliphezulu lamagama ngomgca ngamnye (ngokuqhelekileyo 40,80, 132 okanye XNUMX).

iipropati zehlabathi

  • <pre>I-Markup ixhasa iimpawu zehlabathi, kwaye ubone iphepha lepropathi epheleleyo yeHTML yeempawu zehlabathi.

Iipropati zesiganeko

  • Iithegi zixhasa zonke iimpawu zeminyhadala yeHTML.

Ndiyathemba Chen Weiliang Blog ( https://www.chenweiliang.com/ ) kwabelwane "Yintoni ngaphambili kwisitayile seCSS? Indima yeethegi zekhowudi yokusonga umgca ozenzekelayo kwi-HTML" iluncedo kuwe.

Wamkelekile ukwabelana ngekhonkco leli nqaku:https://www.chenweiliang.com/cwl-2116.html

Wamkelekile kwisitishi seTelegram sebhlog kaChen Weiliang ukufumana uhlaziyo lwamva nje!

🔔 Yiba ngowokuqala ukufumana iSikhokelo sokuSetyenziswa kweSixhobo se-"ChatGPT yeNtengiso ye-AI" kuluhlu oluphezulu lwetshaneli! 🌟
📚 Esi sikhokelo sinexabiso elikhulu, 🌟Eli lithuba elinqabileyo, ungaliphoswa! ⏰⌛💨
Yabelana kwaye uthanda ukuba uyathanda!
Ukwabelana kwakho kunye nezinto ozithandayo ziyinkuthazo yethu eqhubekayo!

 

Shiya uluvo

Idilesi ye-imeyile ayizukupapashwa. Iinkalo ezifunekayo zisetyenzisiwe * Ileyibheli

skrolela phezulu