Àite HTML - Mar a chuireas tu àiteachan ann an HTML Faodaidh e a bhith gu math duilich àite a chuir ris an HTML agad. Agus tha co-dhiù 5 dòighean ann airson seo a dhèanamh. Seallaidh an oideachadh seo grunn eisimpleirean dhut. Bidh e cuideachd a ‘sealltainn dhut mar a chleachdas tu dreachan sùbailte de rùm, cuideachd. Faodaidh tu seo a dhèanamh ann an HTML amh, gun fheum air CSS. Ach thoir an aire gur e CSS an dòigh as fheàrr leat àite a chuir ris an HTML agad. Agus tha tunna de chlasaichean oideachaidh aig freeCodeCamp air mar a choileanas tu seo a’ cleachdadh modal bogsa CSS.

Dè an caractar ASCII airson àite?

Is e còd caractar ASCII airson àite 20. Ach is e seo dìreach an dòigh àbhaisteach. Tha grunnan ann Tha 5 seòrsaichean àite ann an HTML as urrainn dhut a chleachdadh. Don tsùil rùisgte, tha iad a’ coimhead mar an ceudna ach tha iad a’ frithealadh adhbharan beagan eadar-dhealaichte. Agus tha an Caractar Tab ann cuideachd, a tha a’ riochdachadh putadh air an iuchair tab air do mheur-chlàr. Agus an Caractar Tilleadh Carbaid, a tha a’ riochdachadh putadh air an iuchair cuir a-steach air do mheur-chlàr.

+---------------------+-----------+ | Character | HTML Code | +---------------------+-----------+ | Non-breaking space |   | | En space |   | | Em space |   | | Thin space |   | | Standard space |  | | New Line (Return) | 
 | | Tab Character | 	 | +---------------------+-----------+

Dè cho farsaing ‘sa tha caractar fànais?

Tha ceithir leudan cumanta ann airson caractaran fànais:

  1. Àite àbhaisteach-leud. Canar seo cuideachd «àite briseadh neo-loidhne» oir cha toir e briseadh loidhne (tilleadh carbad AKA).
  2. Em àite. Canar «Em» ris an seo oir tha e cho farsaing ris an litir M, ge bith dè an cruth-clò a tha thu a’ cleachdadh. (Ma tha thu air an teirm em-dash a chluinntinn, is e dash a tha seo cho farsaing ris an litir M.)
  3. Anns an fhànais. Canar «En» ris an seo oir tha e cho farsaing ris an litir n a tha nad chruth-clò.
  4. Agus mu dheireadh, tha «Thin Space» ann, is e sin an àite as taine de na h-àiteachan gu lèir.

Dè an samhla airson àite ann an HTML?

Is e an eintiteas HTML as cumanta Faodaidh tu feuchainn ris an teacsa seo a thilgeil gus toirt air àite a thoirt seachad. Mar eisimpleir, canaidh sinn gu bheil thu airson dà àite a chuir às deidh seantans, ach tha rudeigin eile san einnsean tairgse làrach-lìn a’ toirt air falbh aon de na h-àiteachan gu fèin-ghluasadach. Is dòcha gun urrainn dhut sgrìobhadh gus dà àite a chur ris.

A bheil àite na charactar neo-ASCII?

Is e caractar ASCII a th’ ann an Space. Is e luach ASCII 20, agus faodaidh tu a thaipeadh mar seo:

Ciamar a nì mi àite geal ann an HTML?

Is dòcha gum bi thu airson CSS a chleachdadh gus na h-eileamaidean HTML agad a mheadhanachadh an àite àiteachan còdaidh cruaidh. Ach ma tha thu dìreach ag iarraidh dòigh sgiobalta agus salach airson àite geal a chruthachadh, agus teacsa a phutadh timcheall, faodaidh tu an aon charactar fànais a chleachdadh a-rithist is a-rithist mar seo:

[The text you want to add trailing whitespace to]      [the text you want to add trailing whitespace to]

Dè an caractar a tha coltach ri àite ach nach eil?

Tha dà charactar ann a tha coltach ri beàrnan ach nach eil:

  1. An caractar Loidhne Ùr – ris an canar cuideachd “tilleadh carbaid”. Is e an còd HTML airson caractar loidhne ùr:
  2. An Caractar Tab, is e sin a gheibh thu nuair a bhrùthas tu am putan tab ann an raon teacsa. Is e an còd HTML airson Caractar Tab:	

Tha mi an dòchas gu bheil an oideachadh seo air a bhith cuideachail. Gabh a-mach agus dèan àite. Ionnsaich còd a saor an asgaidh. Tha curraicealam stòr fosgailte freeCodeCamp air còrr air 40,000 neach a chuideachadh gus obraichean fhaighinn mar luchd-leasachaidh. Tòisich

Ro-ràdh

Tha HTML na chànan comharrachaidh àbhaisteach; tha e a’ toirt cunntas air structar duilleag-lìn agus air a dhèanamh suas de shreath de eileamaidean, a dh’ innseas don bhrobhsair mar a sheallas e an susbaint. Ann an sgrìobhainn teacsa sìmplidh, faodaidh tu dìreach putan a’ bhàr-fànais a bhrùthadh gus grunn àiteachan a chuir a-steach. Ach, chan eil e cho furasta beàrnan a chuir a-steach ann an duilleagan lìn HTML. Chan eil e gu diofar cia mheud uair a bhrùthas tu am bàr-fànais ann an HTML, tha am brabhsair dìreach a’ taisbeanadh àite geal. Mar sin, bu chòir dhut tagaichean HTML a chur ris ro agus às deidh an teacsa gus faighinn a-mach an cruth aca. Leumamaid a-steach!

1. Cuir a-steach beàrnan ann an HTML a’ cleachdadh Paragraph Tag ( <p> )

Tha an eileamaid <p> na dhòigh math air aon loidhne bhàn a chur a-steach do HTML. Faodaidh tu an caractar <p> a chuir a-steach ann an HTML gus briseadh paragraf a ghineadh. Bidh am brabhsair a’ cruthachadh àite a tha a’ sgaradh paragrafan bho chèile, a’ dèanamh paragrafan leantainneach nas so-leughaidh. Faodaidh tu bloc teacsa a sgaradh bho fhear eile le àite geal.

<p>My Name is Deepak Tewatia.</p>  <p>I am writing an article.</p>

Ro-shealladh

2. Cuir a-steach beàrnan ann an HTML a’ cleachdadh an taga brisidh ( <br> )

Nuair a chleachdas tu an caractar fànais neo-bhriseadh gus àite a chuir a-steach air an aon loidhne, cuidichidh an taga <br> thu gus briseadh loidhne a chuir a-steach. Gu sònraichte, faodaidh tu a chleachdadh gus cruth bloc a chruthachadh, me cruth seòladh. Cuidichidh am briseadh loidhne seo leughadairean no luchd-crathaidh gus tuigsinn gu furasta gun a bhith a’ cleachdadh eileamaid paragraf ùr.

<p> 3118 County Rd #148 <br>Philadelphia, Missouri(MO), <br> 63463 USA</p>

Ro-shealladh

3. Cuir a-steach beàrnan ann an HTML a’ cleachdadh taga ro-chruthaichte ( <pre> )

Eadhon às deidh dhut an taga seo a chleachdadh, bidh am brabhsair a’ gleidheadh ​​​​na h-àiteachan a th’ ann mar-thà agus briseadh loidhne anns an teacsa agad. Gus a bhith soilleir, tha an àite geal a chithear air an duilleag lìn co-ionann ris na tha thu a’ sgrìobhadh. Mar sin, tha e feumail beàrnan a chuir a-steach gu HTML a’ cleachdadh an taga seo airson cruth a shuidheachadh airson còd a thaisbeanadh.

<pre> pre tag keeps all spaces and line breaks. </pre>

Ro-shealladh

4. Cuir a-steach beàrnan ann an HTML a’ cleachdadh taga fànais neo-bhriseadh ( )

Tha àite neo-bhriseadh na eintiteas caractar. Gus àite neo-bhriseadh a chuir a-steach, cleachdaidh tu tag air a bheil « » Ma tha thu airson aon, dhà no barrachd àiteachan a chuir a-steach feumaidh tu tag ( ) aon, dhà no àireamh de dh’ àiteachan a tha a dhìth a chleachdadh fa leth.

<p> There is one space in time between time frame and PM. {08:00&nbsp;PM} </p> <p> There are two space between A & B. {A&nbsp;&nbsp;B} </p> <p> There are three space between A & B.{A&nbsp;&nbsp;&nbsp;B} </p> 

Ro-shealladh

5. Cuir a-steach barrachd àiteachan ann an HTML a’ cleachdadh tagaichean fànais neo-bhriseadh a tha air an ainmeachadh gu h-ìosal

  • &nsp;
<p> There is one space between A & B. {A&#160;B} </p> <p> There are two space between A & B.{A&ensp;B} </p> <p> There are four space between A & B.{A&emsp;B} </p> 

Ro-shealladh

Co-dhùnadh

A-nis, tha fios agad air na dòighean feumail airson àiteachan a chuir a-steach ann an HTML. Bidh gach dòigh a’ lìbhrigeadh toraidhean eadar-dhealaichte bho bhith a’ taisbeanadh àiteachan ann an HTML. A rèir cruth an t-susbaint agad, feumaidh tu taga iomchaidh a thaghadh bhon fheadhainn a chaidh ainmeachadh gu h-àrd. Ma tha ceist sam bith agad fhathast air mar a chuireas tu a-steach àiteachan ann an HTML, fàg do bheachdan anns an earrann bheachdan gu h-ìosal. Faodar farsaingeachd a chur ris a’ cleachdadh HTML agus CSS le 3 dòighean-obrach: Dòigh 1: A ‘cleachdadh nan caractaran sònraichte a tha air an comharrachadh airson diofar àiteachan Tha an eintiteas caractar air a chleachdadh gus àite neo-bhriseadh a chomharrachadh a tha na àite stèidhichte. Dh’ fhaodadh seo a bhith air fhaicinn mar a dhà uimhir nas àirde na àite àbhaisteach. Tha e air a chleachdadh gus beàrn a chruthachadh ann an loidhne nach gabh a bhriseadh le còmhdach facal. Tha an eintiteas caractar air a chleachdadh gus àite ‘en’ a chomharrachadh a tha a’ ciallachadh meud leth-phuing den chruth-clò gnàthach. Dh’ fhaodadh seo a bhith air fhaicinn mar a dhà uimhir nas àirde na àite àbhaisteach. Tha an eintiteas caractar air a chleachdadh gus àite ‘em’ a chomharrachadh a tha a’ ciallachadh co-ionann ri meud puing a’ chruth-clò gnàthach. Faodar seo fhaicinn mar cheithir tursan nas àirde na àite àbhaisteach. Co-chòrdadh:

Àite cunbhalach:   Beàrn dà àite:   Beàrn ceithir àiteachan:   

Eisimpleir: <!DOCTYPE html> <html> <head> <title> How to insert spaces/tabs in text using HTML/CSS? </title> </head> <body> <h2 style="color: green">GeeksforGeeks</h2> <b>How to insert spaces/tabs in text using HTML/CSS?</b> <p>This is a &nbsp; regular space.</p> <p>This is a &ensp; two spaces gap.</p> <p>This is a &emsp; four spaces gap.</p> </body> </html> Anns a’ chòd gu h-àrd chan eil an còd àite cunbhalach agus dà àite agus ceithir beàrnan fànais ri fhaicinn agus mar sin seo mar a tha e a’ coimhead
Toradh:
carthannach Dòigh 2: A’ cleachdadh an t-seilbh meud taba gus farsaingeachd a shuidheachadh airson caractaran tab Tha an togalach CSS meud tab air a shuidheachadh an àireamh àiteachan a sheallas gach caractar tab. Le bhith ag atharrachadh an luach seo leigidh sin leat na tha a dhìth de rùm a chuir a-steach air aon charactar tab. Ach chan obraich an dòigh seo ach le teacsa ro-chruthaichte (a’ cleachdadh tagaichean <pre>). Faodar an caractar tab a chuir a-steach le bhith a’ cumail an Alt agus a’ putadh 0 agus 9 còmhla. Co-chòrdadh:

.tab { meud tab: 2; } 

Eisimpleir: <!DOCTYPE html> <html> <head> <title> How to insert spaces/tabs in text using HTML/CSS? </title> <style> .tab1 { tab-size: 2; } .tab2 { tab-size: 4; } .tab4 { tab-size: 8; } </style> </head> <body> <h2 style="color: green">GeeksforGeeks</h2> <b>How to insert spaces/tabs in text using HTML/CSS?</b> <pre class="tab1">This is a tab with 2 spaces.</pre> <pre class="tab2">This is a tab with 4 spaces.</pre> <pre class="tab4">This is a tab with 8 spaces.</pre> </body> </html> Toradh:
tab-fad-fànais Dòigh 3: A’ cruthachadh clas ùr airson farsaingeachd a’ cleachdadh CSS Faodar clas ùr a chruthachadh a bheir seachad farsaingeachd sònraichte le bhith a’ cleachdadh an t-seilbh iomaill clì. Dh’ fhaodadh na tha de rùm a bhith air a thoirt seachad leis an àireamh de piogsail a tha air a shònrachadh san togalach seo. Tha an togalach taisbeanaidh cuideachd air a shuidheachadh gu ‘inline-block’ gus nach tèid briseadh loidhne a chuir ris às deidh an eileamaid. Leigidh seo leis an àite suidhe ri taobh teacsa agus eileamaidean eile. Co-chòrdadh:

.tab { taisbeanadh: inline-block; iomall-chlì: 40px; } 

Eisimpleir: <!DOCTYPE html> <html> <head> <title> How to insert spaces/tabs in text using HTML/CSS? </title> <style> .tab { display: inline-block; margin-left: 40px; } </style> </head> <body> <h2 style="color: green">GeeksforGeeks</h2> <b>How to insert spaces/tabs in text using HTML/CSS?</b> <p>This is a<span class="tab"></span>tab space in the document.</p> </body> </html> Toradh:
margin- left-space Is e HTML bun-stèidh duilleagan-lìn, air a chleachdadh airson leasachadh duilleagan-lìn le bhith a’ cur structar air làraichean-lìn agus aplacaidean lìn. Tha CSS na bhunait airson duilleagan-lìn, air a chleachdadh airson leasachadh duilleag-lìn le bhith a’ dealbhadh làraich-lìn agus aplacaidean lìn. Faodaidh tu CSS ionnsachadh bhon talamh suas le bhith a’ leantainn an oideachadh CSS seo agus eisimpleirean CSS. Faodaidh a bhith a’ cruthachadh sgaradh corporra de eileamaid agus àite sam bith ann an HTML a bhith duilich ma tha thu nad neach-tòiseachaidh ann an saoghal còdaidh. Tha seo air sgàth gu bheil feart ann an HTML ris an canar “whitespace collapse.” Ge bith cia mheud caractar fànais HTML a chuireas tu a-steach, lughdaichidh am brabhsair lìn iad gu fèin-ghluasadach gu aon fhear. Tha àite bàn HTML gu math eadar-dhealaichte na bhith a’ cur àite ann am Microsoft Word. Tha e ga dhèanamh comasach sgrìobhainnean a chruthachadh le mòran àiteachan eadar faclan agus co-phàirtean eile. Chan ann mar sin a thathar a’ làimhseachadh farsaingeachd dealbhadh lìn. Mar sin, seo a’ cheist èiginneach mun phost bhlog seo: mar a chuireas tu àite ann an HTML?

Na ceithir dòighean as fhasa air àite a chuir a-steach ann an HTML

Ged a dh’ fhaodadh an tuiteam geal seo a bhith draghail aig amannan, bu chòir dhut a bhith mothachail air beagan fhuasglaidhean mar neach-tòiseachaidh. Seallaidh an artaigil seo ceithir dòighean sgiobalta airson àite cuir a-steach HTML.

1. Feuch a’ cleachdadh <br> – HTML Break Tag

Mura h-eil thu ag iarraidh briseadh loidhne eadar dà fhacal, cleachd eileamaid fànais neo-bhriseadh airson àiteachan cuir HTML ris. Faodaidh tu briseadh loidhne a chuir a-steach leis an eileamaid brisidh HTML, air a riochdachadh leis an t-samhla <br>. Chan fheum thu taga dùnaidh a chleachdadh sa chùis seo; le bhith a’ cur <br> cruthaichidh sin briseadh loidhne. Tha an taga brisidh cuideachail ann an suidheachaidhean far a bheil feum air briseadh loidhne gus dèanamh cinnteach gu bheil am fiosrachadh air a thuigsinn, ach far nach eil thu airson eileamaid paragraf ùr a chleachdadh, leithid ann an seòladh: Tha an taga brisidh mar chòd fànais HTML an dùil airson briseadh aon-loidhne a-mhàin, chan e briseadh ioma-loidhne ann an sreath. Ma dh’ fheumas tu barrachd àite geal a chur eadar earrannan teacsa, tha pleadhag CSS agus iomaill na roghainn nas fheàrr leis gu bheil iad a’ toirt a-mach còd nas glaine. Air neo, faodaidh tu an HTML eileamaid, a chì sinn an ath rud.

2. ‘S e an tè as fhasa agus as luaithe Àite neo-bhriseadh airson HTML

‘S e an aonad fànais neo-bhriseadh (sgrìobhte mar neo & #160;) an dòigh as luaithe agus as fhasa air àite a chur a-steach ann an HTML. Leigidh e leat grunn bheàrnan faicsinneach a “sparradh” eadar faclan no co-phàirtean duilleag eile a’ cleachdadh grunn àiteachan neo-bhriseadh faisg air làimh. Bidh àite neo-bhriseadh an aon rud sa bhrobhsair ri àite sam bith eile. ‘S e am prìomh eadar-dhealachadh gu bheil faclan no co-phàirtean air an sgaradh le an-còmhnaidh air an aon loidhne, seach a bhith a’ briseadh gu loidhne ùr. Tha e buannachdail caractaran fànais HTML a chur ris nuair a dh’ fhaodadh teacsa sam bith an leughadair a chur troimh-chèile. A bharrachd air an sin, faodaidh tu na buidhnean HTML a bharrachd a chleachdadh agus gus àite bàn HTML neo-bhriseadh a chur ris. Ged a tha dh’ fhaodadh sin a bhith cuideachail, dh’ fhaodadh cus cleachdadh cùisean adhbhrachadh le taisbeanadh an t-susbaint aig a’ bhrobhsair. Bu chòir CSS a chleachdadh airson adhbharan stoidhle, leithid indenting no centering eileamaidean air làrach-lìn, seach a bhith a’ cleachdadh àiteachan neo-bhriseadh.

3. Paragraf <p> Tag anns An HTML

Mar luchd-tòiseachaidh air còdadh, chaidh ionnsachadh dhuinn uile mun eileamaid <p> airson adhbhar math. Ann an HTML, tha an eileamaid <p> a’ sònrachadh paragraf; mar sin, tha e a ‘nochdadh anns gach àite. Mar eisimpleir, tha leud na duilleige gu lèir air a shuidheachadh mar an leud bunaiteach airson an eileamaid ìre bloc seo, agus tha briseadh loidhne aig toiseach is deireadh an eileamaid bhloca seo. Uair sam bith a bhios tu a’ cleachdadh blocaichean teacsa a tha eadar-dhealaichte bho chèile, faodaidh am briseadh loidhne <p> a chleachdadh gus caractaran fànais HTML a chuir a-steach oir tha e a’ cur beagan àite geal a bharrachd ris na paragrafan a leanas. Chithear eisimpleir de theacsa le àite loidhne a bharrachd gu h-ìosal. <p style =” loidhne-àirde: 2.5em;”> Teacs </p> A’ cleachdadh a’ chòd gu h-àrd, chì thu an teacsa gu h-ìosal. Chaidh àirde loidhne 2.5 em a chleachdadh airson an sampall gu h-àrd gus am beàrn eadar loidhnichean a chomharrachadh. Seo eisimpleir air mar a dh’fhaodar àite a bharrachd eadar loidhnichean a thoirt a-steach do phìos sgrìobhaidh. Ach chan eil sinn a’ moladh sin a dhèanamh oir tha e a’ dèanamh leughadh nas dùbhlanaiche. Tha farsaingeachd loidhne an seo airson adhbharan mìneachaidh a-mhàin.

4. Cleachdadh <pre> – Teacsa Ro-chruthaichte ann an HTML

Is e dòigh eile airson na h-àiteachan HTML agad a chumail bho bhith a’ tuiteam sìos a bhith a’ ro-chruthadh do shusbaint HTML, a ghlèidheas a h-uile àite agus briseadh loidhne anns an HTML agad. Nochdaidh e dìreach mar a nochdas e san fhaidhle HTML nuair a thèid a thaisbeanadh sa bhrobhsair. Tha preformatting feumail airson stuthan lèirsinneach, leithid bàrdachd no ealain ASCII, a dh’ fheumas cruth. Gus an teacsa agad agus an HTML cuir a-steach àite ro-làimh, cleachd an taga <pre>. Leigidh an t-seilbh CSS font-family leat am brobhsairean lìn cruth-clò monospaced àbhaisteach atharrachadh nuair a bhios teacsa ann an eileamaid <pre>.

Còmhdaich

Tha dùil ri buaireadh corra uair nuair a thuiteas àite geal nuair a tha thu airson àite a chur ris ann an HTML. Gu fortanach, tha sinn air faighinn seachad air mar a chuireas tu àite ann an HTML oir tha grunn dhòighean ann airson faighinn timcheall air. Bidh tuigse air an riaghailt no an eileamaid cheart airson gach suidheachadh na chuideachadh nuair a thòisicheas tu air duilleagan lìn slàn a leasachadh. Gus an làrach-lìn WordPress agad a dhèanamh nas proifeiseanta, feuch ar pasgan riatanach de plugins WordPress. Faodaidh tu fios a chuir chun na h-eòlaichean WordPress againn. Artaigil co-cheangailte eile: 5 Plugins cluicheadair claisneachd is bhidio HTML5 WordPress as fheàrr Chan urrainn dhut a bhith ag
ionndrainn làraich HTML a ghluasad gu làraich WordPress
Tionndaidh teamplaid PSD gu cuspair WordPress


Leave a comment

Your email address will not be published. Required fields are marked *