Nilalaman

• Mga hakbang
• Payo
• Babala

Ang isang pulutong ng mga puwang na karaniwang nilikha gamit ang mga puwang, mga tab key at ipasok ang mga key ay hindi pinapansin sa mga wika ng web programming. Tinutukoy ng HTML ang lahat sa kanila bilang regular na puwang sa pagitan ng mga salita at ipinapakita lamang ang isang solong puwang. Habang pinapayagan ng CSS ang mga gumagamit na magtakda ng higit pang mga detalye tungkol sa whitespace at pagkakahanay, ang HTML ay walang ilang mga built-in na tool upang ipasadya ang iyong spacing.

Mga hakbang

Paraan 1 ng 2: Magsingit ng mga puwang at solong mga tab

1. 

   Ipasok ang mga puwang ay hindi nasira. Karaniwan, ipapakita lamang ng HTML ang isang puwang sa pagitan ng mga salita, gaano man karaming beses na pinindot mo ang spacebar. Upang makagawa ng maraming magkadikit na puwang na ipinakita, i-type o. Ang code na ito ay lilikha ng isang espesyal na character na tinatawag na "non-breaking space" at palaging ito ay ipinapakita.
   • Ang tauhang nasa itaas ay tinatawag na "hindi masisira na puwang" sapagkat pinipigilan nito ang mga linya ng break mula sa pagiging nasa lugar. Kung sobra-sobra ang character na ito, mahihirapan ang browser na magpasok ng mga line break sa isang maayos at patayong paraan.

2. 

   
   
   Ipasok ang mga puwang na may iba't ibang mga lapad. Mayroong ilang iba pang mga character na entity na nangangailangan ng browser upang magpakita ng isang puwang. Ang paraan ng pagpapakita ng mga puwang na ito sa iba't ibang mga browser ay medyo kakaiba, gayunpaman, hindi katulad ng mga sumusunod na code ay hindi makakaapekto sa linya ng linya:
   • - ay pinangalanan pagkatapos ng "N" na puwang ng printer (unit ng sukat), ang puwang na "en" ay dalawang beses na mas malawak kaysa sa normal na puwang.
   • - "em" na puwang, humigit-kumulang na katumbas ng apat na puwang.

3. 

   
   
   Ginagaya ang isang tab na may maraming hindi mapanirang puwang. Upang mag-indent ng mga talata, maaari mong ipasok ang hindi masisira na mga puwang nang magkakasunod:. Ito lamang ang solusyon kung gagamit ka lamang ng HTML, ngunit kung gumagamit ka ng CSS (hiwalay na inilarawan sa hakbang sa ibaba) mas maikli ito.
   • Kung mayroong isang komplikadong pagtatanghal ng teksto, gamitin ang pre tag.

4. 

   
   
   Ihanay ang mga talata sa CSS. Ang mga katangiang "margin" at "padding" ay nagbibigay ng mga tagubilin nang direkta sa browser, kaya't ang mga ipinakitang resulta ay magiging mas pare-pareho. Ang pamamaraang ito ay hindi mahirap ipatupad, maliban kung wala kang alam tungkol sa CSS at ang iyong pahina ay walang isang style sheet. Narito ang isang halimbawa ng kung paano ilipat ang isang buong talata sa kanang margin:
   • Sa seksyon ng dokumento ng HTML, ipasok ang sumusunod na code:
     
     kung saan: "p.indent" ay tumutukoy sa isang katangian ng teksto (p tag) pangalan na "indent" (maaari kang gumamit ng ibang pangalan). Ang natitirang code ay nagdaragdag ng tampok na puwang na "padding" sa kaliwang bahagi ng talata.
   • Ngayon, bumalik sa katawan ng dokumento ng HTML. Anumang oras na nais mong indent ng isang talata ("indent" pa rin sa halimbawang ito), ilagay ang talata sa code na ito:
     

   • Upang ihanay ang spent spacing, baguhin ang bilang na "1.8" sa CSS code. Panatilihin ang "em" sa likuran dahil ito ang yunit ng haba na nauugnay sa laki ng font.
   anunsyo

Paraan 2 ng 2: Mag-set up ng mas mahahabang puwang

1. 

   Gumamit ng mga preformatted na tag. Anumang susi space mabuti ↵ Ipasok ay ipinasok sa card

   ay ipapakita nang eksakto sa iyong nai-type. Maaari mo ring gamitin ang tag na ito upang ipakita ang mga halimbawa, tula, o anumang iba pang teksto na nangangailangan ng mataas na katumpakan sa spacing at mga line break.

   • Ang pangunahing sagabal ng mga preformatted card ay ang lapad. Hindi tulad ng regular na HTML, ang pre-format na teksto ay hindi mababago ang laki upang magkasya sa laki ng window ng gumagamit.

2. 

   Lumikha ng linya ng linya. Kard
   tatapusin ang kasalukuyang linya ng teksto. Maaari kang lumikha ng mga blangko na linya gamit ang maraming mga tag ng break ng linya. Para sa mga mag-aaral na bago sa HTML, ito ay isang mahusay na diskarte, ngunit kung natutunan mo ang CSS kung gayon ang ipinag-uutos na format na HTML na ito ay hindi inirerekomenda.

3. 

   Tukuyin ang talata sa tag na "p". Kinikilala ng tag sa paligid ng teksto ang talatang iyon. Karamihan sa mga browser ay paghiwalayin ang talata sa isang blangko na linya, ngunit hindi mo magagarantiyahan ang isang pare-pareho na format para sa teksto. anunsyo

Payo

• Kapag huli mong nasuri ang display sa iyong web page, kung nakakita ka ng mga kalabisan na character sa isang hindi pangkaraniwang posisyon sa paligid ng snippet, i-double check kung may mga hindi kumpletong tag, tulad ng <> sa halip na
  .
• Ang CSS ay isang mas malakas at proactive na tool para sa paglalahad ng mga web page, kabilang ang spacing para sa teksto.
• Limitahan ang mga biglaang puwang sa likod ng isang bukas na tag o sa harap ng isang saradong tag. Halimbawa, dapat kang magsulat ng Spaces Pagtuturo hindi Spaces Pagtuturo .
• Ang hindi nasisira na puwang ay isang halimbawa ng isang entity character: ang code na kumakatawan sa isang character na hindi mo mailagay mula sa keyboard.

Babala

• Ang katangian ng HTML ay kumakatawan sa susi Tab ↹ Sa totoo lang hindi kasing epektibo ang naisip mo. Ang isang karaniwang dokumento ng HTML ay walang hihinto sa tab, kaya't walang epekto ang character na tab.
• Palaging isulat ang wikang HTML sa isang code editor o payak na text file, huwag gumamit ng mga format ng pagproseso ng file ng teksto. Kung ang iyong mga puwang ay naging kakaibang mga character sa iyong web browser, malamang na dahil sa labis na data na idinagdag ng word processor, na hindi inilaan para sa online display.