3 Mga paraan upang Ipasok ang mga puwang sa HTML

Talaan ng mga Nilalaman:

3 Mga paraan upang Ipasok ang mga puwang sa HTML
3 Mga paraan upang Ipasok ang mga puwang sa HTML

Video: 3 Mga paraan upang Ipasok ang mga puwang sa HTML

Video: 3 Mga paraan upang Ipasok ang mga puwang sa HTML
Video: Paano magsimula ng isanng Kooperatiba 2024, Mayo
Anonim

Itinuturo sa iyo ng wikiHow na ito kung paano magsingit ng mga puwang at mga line break sa HTML. Dahil lilikha ka lamang ng isang solong puwang sa iyong HTML kapag pinindot mo ang spacebar ng maraming beses, kailangan mong gumamit ng mga HTML tag upang maglagay ng higit sa isang puwang nang paisa-isa.

Hakbang

Paraan 1 ng 3: Paggamit ng HTML Code

Ipasok ang Mga puwang sa HTML Hakbang 1
Ipasok ang Mga puwang sa HTML Hakbang 1

Hakbang 1. Buksan ang dokumento ng HTML

Maaari mong i-edit ang mga dokumento ng HTML gamit ang isang programa sa pag-edit ng teksto tulad ng Notepad o TextEdit sa Windows. Maaari mo ring gamitin ang isang editor ng HTML tulad ng Adobe Dreamweaver. Sundin ang mga hakbang na ito upang magbukas ng isang dokumento na HTML.

  • Maghanap ng mga dokumentong HTML sa File Explorer sa isang Windows computer (o Finder sa isang Mac).
  • Mag-right click sa dokumento ng HTML na nais mong i-edit.
  • Mag-hover sa opsyong " Buksan kasama ang ”.
  • I-click ang program na nais mong gamitin upang mai-edit ang file.
Ipasok ang Mga puwang sa HTML Hakbang 2
Ipasok ang Mga puwang sa HTML Hakbang 2

Hakbang 2. Pindutin ang space key upang magdagdag ng isang regular na puwang

Upang magdagdag ng isang regular na puwang, mag-click kung saan kailangan mong magsingit ng isang puwang at pindutin ang spacebar sa iyong keyboard. Karaniwan, ipapakita lamang ng HTML ang isang puwang sa pagitan ng mga salita, hindi alintana kung gaano karaming beses na pinindot mo ang spacebar.

Image
Image

Hakbang 3. I-type upang pilit na magdagdag ng mga puwang sa pag-trailing

Ang nagresultang code ay kilala bilang isang di-paglabag na puwang o nakapirming puwang dahil pinipigilan nito ang paghati ng linya sa lokasyon kung saan nakalagay ang code.

  • Halimbawa, i-type ang Kumusta sa lahat! upang magsingit ng labis na puwang sa pagitan ng mga salitang "Kamusta" at "lahat!"
  • Kung labis mong magamit ang mga character na ito, mahihirapan ang iyong browser na ipasok ang mga linya ng linya sa maayos at madaling basahin na paraan.
  • Maaari mo ring i-type upang pilit na magsingit ng isang puwang.
Image
Image

Hakbang 4. Ipasok ang mga puwang ng iba't ibang mga lapad

Maaari kang magdagdag ng isang mas mahabang puwang gamit ang isa sa mga sumusunod na pagpipilian:

  • Dalawang puwang - Uri
  • Apat na puwang - Uri
  • Indent - Uri

Paraan 2 ng 3: Paggamit ng CSS Code

Ipasok ang Mga puwang sa HTML Hakbang 5
Ipasok ang Mga puwang sa HTML Hakbang 5

Hakbang 1. Buksan ang dokumento ng HTML o CSS

Maaaring mailapat ang CSS code sa header ng isang dokumento na HTML o nakasulat bilang isang panlabas na dokumento ng CSS.

Ang pinuno ng dokumento ng HTML ay nasa tuktok ng file. Ang seksyon na ito ay nasa pagitan ng mga markang "" at ""

Image
Image

Hakbang 2. Lumikha ng isang segment ng estilo para sa CSS code

Ang segment ng estilo ay kailangang idagdag sa pinuno ng HTML code o sa isang hiwalay na sheet ng estilo. Gamitin ang mga sumusunod na watawat upang lumikha ng mga segment ng istilo sa mga dokumento ng HTML o magkakahiwalay na mga sheet ng istilo.

  • I-type upang buksan ang segment ng mga estilo. Kailangang maidagdag ang lahat ng CSS code pagkatapos ng markang ito.
  • I-type upang isara ang segment ng istilo. Kailangang ipasok ang lahat ng CSS code bago ang markang pagsasara na ito.
Image
Image

Hakbang 3. I-type ang sumusunod sa segment ng istilo: p {text-indent: 5em;}. Sinasabi ng watawat na ito sa browser na mag-indent ng limang puwang kapag idinagdag sa naaangkop na HTML code.

  • Maaari mong ayusin ang bilang o lapad ng mga puwang sa pamamagitan ng pagta-type ng ibang numero pagkatapos ng "text-indent:" code.
  • Ang unit na "em" ay katumbas ng isang puwang sa tinukoy o naaangkop na laki ng font. Maaari mong gamitin ang iba pang mga yunit tulad ng mga porsyento (hal. "Text-indent: 15%;") o haba ng mga yunit (hal. "Text-indent: 3mm;").
Image
Image

Hakbang 4. Tikka

sa bahaging nais mong ipasok.

Ang marka na ito ay kailangang idagdag sa katawan ng HTML, bago ang teksto na nais mong i-indent. Pagkatapos nito, ang indent ayon sa mga pagtutukoy na tinukoy sa CSS code ay maidaragdag sa teksto.

Paraan 3 ng 3: Paggamit ng Preformatted Text

Ipasok ang Mga puwang sa HTML Hakbang 9
Ipasok ang Mga puwang sa HTML Hakbang 9

Hakbang 1. Buksan ang dokumento ng HTML

Maaari mong i-edit ang mga dokumento ng HTML gamit ang isang programa sa pag-edit ng teksto tulad ng Notepad o TextEdit sa Windows. Maaari mo ring gamitin ang isang editor ng HTML tulad ng Adobe Dreamweaver. Sundin ang mga hakbang na ito upang magbukas ng isang dokumento na HTML.

  • Maghanap ng mga dokumentong HTML sa File Explorer sa isang Windows computer (o Finder sa isang Mac).
  • Mag-right click sa dokumento ng HTML na nais mong i-edit.
  • Mag-hover sa opsyong " Buksan kasama ang ”.
  • I-click ang program na nais mong gamitin upang mai-edit ang file.
Image
Image

Hakbang 2. Uri

bago ang teksto na nais mong i-preformat.

Ang code ay isang preformatted token ng pagbubukas ng teksto.

Image
Image

Hakbang 3. I-type ang nais na teksto pagkatapos ng"

".

Sa preformatting, lahat ng mga puwang at linya ng break na nilikha gamit ang "Enter" key ay ipapakita sa pahina ng HTML.

Image
Image

Hakbang 4. Uri pagkatapos ng text.

Magtatapos ang preformatted na segment ng teksto.

Mga Tip

  • Kung ang puwang na iyong naipasok ay gumagawa ng mga kakaibang simbolo sa iyong browser, posible na sanhi ito ng labis na data sa isang format ng programa sa pagproseso ng teksto na hindi dapat ipakita sa internet. Maaari mong maiwasan ang paglitaw ng simbolo sa pamamagitan ng pag-type ng code sa isang simpleng programa sa pag-edit ng teksto, tulad ng Notepad o TextEdit.
  • Ang CSS ay isang mas sopistikado at mahuhulaan na style sheet ng wika para sa pagdidisenyo ng mga elemento sa mga web page, kabilang ang spacing ng teksto.
  • Naayos na espasyo (hindi puwang na puwang)
  • ay isang halimbawa ng isang character entity, isang code na tumutukoy sa isang character na hindi mo mai-type sa pamamagitan ng keyboard.

Babala

  • Mga character na HTML para sa Tab

  • hindi gumagana tulad ng maaari mong asahan. Ang mga karaniwang dokumento ng HTML ay walang mga paghinto sa tabulasyon upang hindi gumana ang mga character na iyon.
  • Palaging isulat ang iyong HTML code sa isang code editor o payak na text file, at hindi sa isang format ng file ng pagpoproseso ng salita (hal. Word).

Inirerekumendang: