Uyisebenzisa njani i-blockquote? HTML blockquote ithegi yempembelelo yedemo

InWordPressKuhlelo lwenqaku, kukho iqhosha eliqhelekileyo elithi "Block Quote" ▼

Uyisebenzisa njani i-blockquote? HTML blockquote ithegi yempembelelo yedemo

Xa isetyenziswa, yongeza a Phawula ukucela ingxelo ecatshulweyo okanye ukuqaqambisa.

Ithetha ukuthini i-blockquote?

Oku kulandelayoChen WeiliangIsimbo sokucaphula ibhlog:

Ithegi yebhloko ye-XHTML iluncedo kakhulu (ukuba ayisetyenziswanga kancinci) isiqalelo. Ngokwengqiqo, i-blockquote kufuneka isetyenziswe nanini na xa ucaphula umbhalo omde komnye umthombo (enye isithethi, enye iwebhusayithi, njl.). Le yindlela yokwahlula okubhaliweyo kwaye kuboniswe kunye neminye imithombo.
Ubulumko-bubulumko, ungayenza yonke le nto ngeeklasi ezikhethekileyo kwiithegi zemihlathi... kodwa oko kuya kuba lilize, ngoku, akunjalo? Iibhloko ezicatshulweyo ziza nezinye izitayile ngokungagqibekanga.
Uninzi lweziphequluli ze-indent text ngaphakathi kweethegi ze-blockquote, ezinceda abasebenzisi ukuba bachonge isicatshulwa ngandlela thile. Kodwa ngubani oya kuthi kufuneka siyeke apho? Nantsi indlela yokwenza izitayile zakho zebhloko usebenzisa iCSS.

Vavanya uvavanyo-css.html kwaye wongeze inxalenye yecss kumzimba wehtml:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test CSS blockquote</title>
</head>
<blockquote>
  <p>The blockquote XHTML tag is a fairly useful (if somewhat underused) element. Semantically speaking, a blockquote should be used any time you’re quoting a longer piece of text from another source – another speaker, another website, whatever. It’s a way of setting the text apart, and showing that it came from some other source. Stylistically, you could accomplish all this with a special class on your paragraph tags… but that wouldn’t be as semantically useful, now, would it?<br>
  Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who's to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.</p>
</blockquote>
</body>
</html>

Uyisebenzisa njani i-blockquote?

Ndifumanise ukuba eminye imixholo ye-WordPress ayizange yongeze izitayile zereferensi kwifayile ye-style.css.

Khuphela kwaye uncamathisele imvelaphi eblowu ilandelayo isitayile sekona engqukuva kwisitayile somxholo.css ifayile▼

blockquote, q {
    font: bold 21px/1.5 Consolas,"Courier New","KaiTi","KaiTi_GB2312","FangSong_GB2312",SimHei,arial,Monaco,monospace;
    color: #000;
    margin: 1em;
    margin-left: 2em;
    margin-right: 2em;
    padding: 3px;
    max-width: 95%;
    quotes: "\201C""\201D""\2018""\2019";
    background: #C3F3F7;
    border-radius: 20px;
}

Izitayile zocaphulo zimisela umbhalo womzimba (ubungakanani, umbala), umbala ongasemva, indawo emhlophe, imida, njl.njl...

isimbo somda

Esi sitayela silula, oko kukuthi, setha umda wekhohlo kwaye ubeke ubukhulu. Umbala ulawula umbala wefonti, kwaye umbala ongasemva ulawula umbala ongasemva (okanye iqela elingasemva ngokuthe ngqo).

Umda ulawula umgama ukuya kwisiqalelo sefestile, icala lasekhohlo lomda lilawula isimbo somda wasekhohlo, kunye nokhupho (ingakumbi umda wasekhohlo wephedi ekhohlo) ulawula umgama ukusuka kokubhaliweyo ukuya (ekhohlo) umda.

Olu hlobo lulula kwaye lufuna iblogi elula kuphela.

Khuphela kwaye uncamathisele isimbo sangasemva esityheli silandelayo kwisimbo somxholo.css file▼

blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px solid #fce27c;
background-color: #f6ebc1; }
blockquote p {
margin: 0; }
  • Ezi zingasentla zizitayile ze-blockquote ezi-2.
  • Ukongeza izitayile ezininzi ezifanayo ziya kubhalwa ngaphezulu.
  • Ke, nceda ukhethe enye yazo kwaye uyongeze kwifayile ye-style.css yomxholo.

Ndiyathemba Chen Weiliang Blog ( https://www.chenweiliang.com/ ) kwabelwana "Indlela yokusebenzisa i-blockquote?" Idemo yedemo yethegi yebhloko kwi-HTML", iya kuba luncedo kuwe.

Wamkelekile ukwabelana ngekhonkco leli nqaku:https://www.chenweiliang.com/cwl-2123.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