Nilalaman

• Paraan 2 ng 3: CSS
• Paraan 3 ng 3: Na-preformat na teksto
• Mga Tip
• Mga babala

1 Magbukas ng isang dokumentong HTML. Maaari itong magawa sa isang regular na text editor tulad ng Notepad o TextEdit sa Windows. Maaari mo ring gamitin ang isang HTML file editor tulad ng Adobe Dreamweaver. Upang buksan ang isang dokumento sa HTML:

• Mag-navigate sa dokumento ng HTML sa Explorer (Windows) o Finder (macOS).
• Mag-right click sa nais na dokumento ng HTML.
• Mag-hover sa Buksan Gamit.
• Piliin ang programa kung saan nais mong i-edit ang dokumento.

2 Mag-click sa spaceupang magdagdag ng isang regular na puwang. Ilagay ang cursor kung saan mo nais na magsingit ng isang puwang, at pagkatapos ay pindutin ang "Space" key. Sa HTML, isang puwang lamang ang lilitaw sa pagitan ng mga salita, kahit na na-hit mo ang puwang nang maraming beses.

3 Pasok upang magdagdag ng dagdag na puwang. Tinawag itong isang puwang na hindi nababali dahil hindi ito pinapayagan para sa isang bagong linya.

• Halimbawa, kung papasok ka Kumusta po kayo sa lahat, sa pagitan ng mga salitang "Hello" at "lahat!" isang dagdag na puwang ang ipapasok.
• Tandaan na masyadong maraming mga puwang na hindi nababali ang pipigilan ang browser mula sa paggawa ng mga line break sa mga tamang lugar, na ginagawang mahirap basahin ang teksto.
• Maaari ka ring pumasok  upang magsingit ng isang puwang.

4 Ipasok ang mga puwang ng magkakaibang haba. Kung nais mong magsingit ng mas mahabang puwang, gumamit ng isa sa mga sumusunod na pagpipilian:

• Dalawang puwang - pumasok  
• Apat na puwang - pumasok  
• Indent (Tab Spacing) - pumasok

Paraan 2 ng 3: CSS

1. 1 Magbukas ng isang dokumento ng HTML o CSS. Ang CSS code ay maaaring ipasok sa ulo ng isang HTML na dokumento o nai-save bilang isang panlabas na CSS file.
   • Ang pinuno ng dokumento ng HTML ay nasa tuktok ng file, sa pagitan ng mga "head>" at "/ head>" na mga tag.
2. 2 Lumikha ng isang seksyon ng estilo para sa CSS. Ang seksyon ng estilo ay matatagpuan sa simula ng HTML code o sa isang hiwalay na sheet ng estilo.Gamitin ang mga sumusunod na tag upang lumikha ng isang seksyon ng estilo sa isang dokumento ng HTML o sheet ng istilo.
   • Pasok style>upang buksan ang seksyon ng estilo. Pupunta ang lahat ng CSS code pagkatapos ng tag na ito.
   • Pasok / style>upang isara ang seksyon ng estilo. Dapat mailagay ang lahat ng CSS bago ang end tag na ito.
3. 3 Ipasok ang sumusunod na tag sa seksyon ng estilo:p {indent-text: 5em;} Sinasabi nito sa browser na i-indent ito ng 5 mga puwang (sa tamang HTML).
   • Upang maitakda ang bilang ng mga puwang, baguhin ang numero pagkatapos ng "indent-text:".
   • Ang elementong "em" ay tumutugma sa isang puwang na may tinukoy na laki ng font. Ang ibang mga yunit ay maaaring magamit, tulad ng porsyento ("Indent-text: 15%;") o millimeter ("Indent-text: 3mm;").
4. 4 Pasok p> kung saan mo nais na magdagdag ng indentation. Gawin ito sa loob ng dokumento ng HTML kung saan mo nais na mag-indent. Ang teksto ay mai-indent ayon sa mga pagtutukoy ng CSS.

Paraan 3 ng 3: Na-preformat na teksto

1. 1 Magbukas ng isang dokumentong HTML. Maaari itong magawa sa isang regular na text editor tulad ng Notepad o TextEdit sa Windows. Maaari mo ring gamitin ang isang HTML file editor tulad ng Adobe Dreamweaver. Upang buksan ang isang dokumento sa HTML:
   • Mag-navigate sa dokumento ng HTML sa Explorer (Windows) o Finder (macOS).
   • Mag-right click sa nais na dokumento ng HTML.
   • Mag-hover sa Buksan Gamit.
   • Piliin ang programa kung saan nais mong i-edit ang dokumento.
2. 2 Pasok pre> bago ang teksto na nais mong paunang anyo. Ito ang pambungad na tag para sa preformatted na teksto.
3. 3 Ipasok ang teksto tulad ng inilaan pagkatapos ng tag na "pre>". Kapag preformatting ang teksto, ang anumang mga puwang at linya ng break na nilikha sa pamamagitan ng pagpindot sa Enter ay ipapakita sa pahina ng HTML.
4. 4 Pasok / pre> sa pagtatapos ng teksto. Ito ang pansarang tag para sa preformatted na teksto.

Mga Tip

• Kung ang browser ay nagpapakita ng mga puwang bilang hindi maunawaan na mga character, malamang na ito ay dahil sa karagdagang data; nakaimbak ang mga ito sa format ng pagpoproseso ng salita at hindi ipinapakita sa screen. Upang maiwasan ito, magtrabaho sa isang regular na text editor tulad ng Notepad o TextEdit.
• Ang CSS ay isang mas malakas at mahuhulaan na paraan ng paglikha ng layout ng isang web page, kabilang ang spacing ng salita.
• Ang isang walang putol na puwang ay isang halimbawa ng isang character entity; ito ay isang code na tumutukoy sa isang character na hindi mailagay mula sa keyboard.

Mga babala

• Simbolo ng HTML para sa Tab ↹ Hindi gumagana ang (tab) sa paraang iniisip ng maraming tao. Walang mga paghinto sa tab sa isang regular na HTML file, kaya't ang pagpasok sa character na ito ay walang magagawa.
• Ipasok ang HTML sa isang code editor o payak na text file sa halip na isang malakas na text editor.