GudahaWordPressTafatirka maqaalka, waxaa jira badhanka "block quote" oo caadi ah▼
Marka la isticmaalo, waxay ku darsataa aCalaamadee si loogu yeedho qaar ka mid ah hadal la soo xigtay ama iftiimin.
Waa maxay macnaha blockquote?
Waxyaabaha soo socdaa waaChen WeiliangHabka xigashada ee blogyada:
XHTML-ka blockquote waa curiye aad faa'iido u leh (haddii qaar aan laga faa'iidaysan).Si macno ahaan, blockquote waa in la isticmaalo mar kasta oo aad soo xiganayso qoraal dheer il kale (ku hadla kale, degel kale, iwm.).Tani waa hab lagu xaddido qoraalka oo lagu soo bandhigo ilo kale.
Qaab-xikmad leh, waxaad ku samayn kartaa waxaas oo dhan fasalo gaar ah oo ku yaal calaamadaha cutubka... laakiin taasi macno ahaan faa'iido ma leh, hadda, miyay noqon doontaa? Blockquotes waxay leeyihiin qaabab qaar si toos ah.
Inta badan daalacashada waxay ku dhejiyaan qoraalka blockquote tags, taasoo ka caawisa isticmaalayaasha inay si uun u gartaan qoraalka.Laakin yaa dhahaya waxaan u baahanahay inaan halkaas ku joojino?Waa kan sida loo qaabeeyo blockquotes kaaga CSS.
Tijaabi test-css.html oo ku dar qaybta css jidhka html:
<!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>
Sida loo isticmaalo blockquote?
Waxaa la ogaaday in mawduucyada WordPress qaarkood aysan ku darin qaababka tixraaca ee faylka style.css.
Nuqul ka samee oo ku dheji qaabka geeska soo socda ee buluuga ah qaabka geesaha ee qaabka.css faylka mawduuca▼
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;
}Qaababka tixraaca ayaa go'aamiya qoraalka jirka (xajmiga, midabka), midabka asalka, meel cad, xuduudaha, iwm.
qaabka xuduudka
Habkani waa mid fudud, taas oo ah, dejiso xadka bidix oo deji dhumucda.Midabku wuxuu maamulaa midabka farta, iyo midabka asalka ahi wuxuu maamulaa midabka asalka (ama kooxda asalka tooska ah).
Marginku wuxuu maamulaa masaafada u jirta qaybta daaqada, dhinaca bidix ee xadka ayaa maamula qaabka xadka bidix, iyo suufka (gaar ahaan dhinaca bidix ee suufka bidix) ayaa koontaroolaya fogaanta qoraalka ilaa xadka (bidix).
Habkani waa mid fudud sida blog fudud.
Nuqul ka samee oo ku dheji qaabka asalka jaalaha ah ee soo socda qaabka style.css ee mawduuca▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Kuwa kore waa 2 qaab oo blockquote ah.
- Ku darista qaabab badan oo isku mid ah ayaa dib loo qori doonaa.
- Markaa, fadlan door mid ka mid ah oo ku dar mawduuca faylka style.css.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) wadaaga "Sidee loo isticmaalo blockquote? HTML ee saamaynta demo ee blockquote tag, si ay kuu caawiso.
Ku soo dhawoow inaad wadaagto xiriirka maqaalkan:https://www.chenweiliang.com/cwl-2123.html
Ku soo dhawoow kanaalka Telegramka ee Chen Weiliang's blog si aad u hesho wararkii ugu dambeeyay!
📚 Hagahan waxa uu ka kooban yahay qiimo aad u weyn, 🌟Tani waa fursad naadir ah, ha seegin! ⏰⌛💨
Share iyo like saar hadaad jeceshahay!
Wadaagistaada iyo jeceylkaaga ayaa ah dhiirigelintayada joogtada ah!