Sisältö

• Askeleet
• Neuvoja
• Varoitus

Paljon välilyöntejä, jotka luodaan normaalisti välilyönteillä, sarkainnäppäimillä ja Enter-näppäimillä, ohitetaan kaikki web-ohjelmointikielillä. HTML määrittelee ne kaikki säännöllisin väliajoin sanojen välillä ja näyttää vain yhden välilyönnin. Vaikka CSS antaa käyttäjille mahdollisuuden asettaa lisätietoja välilyönnistä ja tasauksesta, HTML: ssä ei ole sisäänrakennettuja työkaluja välilyöntien mukauttamiseen.

Askeleet

Tapa 1/2: Lisää välilyöntejä ja yksittäisiä sarkaimia

1. 

   Lisää välilyöntejä ei ole rikki. Tyypillisesti HTML näyttää vain yhden välin sanojen välillä riippumatta siitä, kuinka monta kertaa olet painanut välilyöntiä. Jos haluat näyttää useita vierekkäisiä tiloja, kirjoita tai. Tämä koodi luo erikoismerkin nimeltä "ei-rikkoutumatila" ja se näytetään aina.
   • Yllä olevaa merkkiä kutsutaan "tuhoutumattomaksi tilaksi", koska se estää rivikatkoja olemasta paikallaan. Jos väärinkäytät tätä merkkiä, selaimella on vaikeuksia lisätä rivinvaihtoja järjestyksessä ja pystysuunnassa.

2. 

   
   
   Lisää tiloja, joiden leveys on erilainen. On joitain muita entiteettimerkkejä, jotka vaativat selaimen näyttämään välilyönnin. Tapa, jolla nämä välilyönnit näkyvät eri selaimissa, on hieman erilainen, mutta toisin kuin seuraavat koodit eivät vaikuta rivinvaihtoon:
   • - on nimetty tulostimen N-tilan (mittayksikön) mukaan, väli "en" on kaksi kertaa leveämpi kuin normaalissa tilassa.
   • - "em" -tila, suunnilleen sama kuin neljä välilyöntiä.

3. 

   
   
   Simuloi välilehteä, jossa on runsaasti ainetta rikkomatonta tilaa. Kappaleiden sisennykseen voit lisätä rikkoutumattomia välilyöntejä peräkkäin :. Tämä on ainoa ratkaisu, jos käytät vain HTML-koodia, mutta jos käytät CSS: ää (kuvattu erikseen alla olevassa vaiheessa), se on lyhyempi.
   • Jos teksti on monimutkainen, käytä esitunnistetta.

4. 

   
   
   Kohdista kappaleet CSS: n kanssa. CSS: n "marginaali" - ja "täyte" -ominaisuudet antavat ohjeet suoraan selaimelle, joten näytetyt tulokset ovat johdonmukaisempia. Tätä menetelmää ei ole vaikea toteuttaa, ellet tiedä mitään CSS: stä ja sivullasi ei ole tyylitaulukkoa. Tässä on esimerkki koko kappaleen siirtämisestä oikeaan marginaaliin:
   • Kohdassa HTML-asiakirjan, lisää seuraava koodi:
     
     missä: "p.indent" määrittelee tekstin (p-tunnisteen) nimen "sisennys" (voit käyttää toista nimeä). Koodin loppuosa lisää "täyte" -tilan kappaleen vasemmalle puolelle.
   • Palaa nyt HTML-asiakirjan runkoon. Aina kun haluat sisällyttää kappaleen (tässä esimerkissä edelleen "sisennys"), aseta kappale tähän koodiin:
     

   • Tasaa sisennyksen väli muuttamalla CSS-koodissa lukua "1.8". Pidä "em" takana, koska tämä on fonttikokoon liittyvä pituusyksikkö.
   mainos

Tapa 2/2: Aseta pidemmät aukot

1. 

   Käytä valmiiksi muotoiltuja tunnisteita. Mikävain avain tilaa hyvä ↵ Enter on syötetty korttiin

   näytetään täsmälleen kirjoittaessasi. Voit käyttää tätä tunnistetta myös esittämään esimerkkejä, runoja tai muuta tekstiä, joka vaatii suurta tarkkuutta välien ja rivinvaihtojen esittämisessä.

   • Valmiiksi alustettujen korttien suurin haittapuoli on leveys. Toisin kuin tavallinen HTML, ennalta muotoiltua tekstiä ei muuteta käyttäjän ikkunakoon mukaiseksi.

2. 

   Luo rivinvaihto. Kortti
   lopettaa nykyisen tekstirivin. Voit luoda tyhjiä rivejä käyttämällä useita rivinvaihtotunnisteita. Opiskelijoille, jotka ovat tunteneet HTML-kielen, tämä on hyvä tapa, mutta jos olet oppinut CSS: n, tätä pakollista HTML-muotoa ei suositella.

3. 

   Tunnista kappale p-tagilla. Tekstin ympärillä oleva tunniste tunnistaa kyseisen kappaleen. Useimmat selaimet erottavat kappaleen tyhjällä rivillä, mutta et voi taata tekstin yhtenäistä muotoa. mainos

Neuvoja

• Kun tarkistat viimeksi verkkosivusi näytön, jos katkelman ympärillä on tarpeettomia merkkejä epätavallisessa paikassa, tarkista, onko puutteellisia tunnisteita, kuten <> sijasta
  .
• CSS on tehokkaampi ja ennakoivampi työkalu verkkosivujen esittämiseen, mukaan lukien tekstivälit.
• Rajoita äkillisiä välilyöntejä avoimen tunnisteen taakse tai suljetun tunnisteen eteen. Kirjoita esimerkiksi Spaces Opetusohjelma ei Spaces Opetusohjelma .
• Rikkoutumaton tila on esimerkki entiteettimerkistä: koodi, joka edustaa merkkiä, jota et voi syöttää näppäimistöltä.

Varoitus

• HTML-attribuutti edustaa avainta Sarkain ↹ Oikeastaan ​​ei niin tehokas kuin luulisi. Tavallisessa HTML-asiakirjassa ei ole sarkainnäppäimiä, joten sarkainmerkillä ei ole vaikutusta.
• Kirjoita HTML-kieli aina koodieditoriin tai pelkkään tekstitiedostoon, älä käytä tekstitiedostojen käsittelymuotoja. Jos välilyönneistä tulee outoja merkkejä selaimessasi, se johtuu todennäköisesti tekstinkäsittelyohjelman lisäämästä ylimääräisestä tiedosta, jota ei ole tarkoitettu verkkonäyttöön.