3 tapaa lisätä välilyöntejä HTML -muotoon

Sisällysluettelo:

3 tapaa lisätä välilyöntejä HTML -muotoon
3 tapaa lisätä välilyöntejä HTML -muotoon

Video: 3 tapaa lisätä välilyöntejä HTML -muotoon

Video: 3 tapaa lisätä välilyöntejä HTML -muotoon
Video: PLANTS VS ZOMBIES BOK CHOY APOCALYPSE 2024, Marraskuu
Anonim

Tämä wikiHow opettaa sinulle, kuinka lisätä välilyöntejä ja rivinvaihtoja HTML -muotoon. Koska luot HTML -koodiin vain yhden välilyönnin, kun painat välilyöntiä useita kertoja, sinun on lisättävä HTML -tunnisteilla useita välilyöntejä kerrallaan.

Vaihe

Tapa 1 /3: HTML -koodin käyttö

Lisää välilyöntejä HTML -vaiheeseen 1
Lisää välilyöntejä HTML -vaiheeseen 1

Vaihe 1. Avaa HTML -asiakirja

Voit muokata HTML-asiakirjoja käyttämällä tekstinkäsittelyohjelmaa, kuten Notepad tai TextEdit Windowsissa. Voit käyttää myös HTML -editoria, kuten Adobe Dreamweaver. Avaa HTML -asiakirja seuraavasti.

  • Hae HTML -asiakirjoja Windowsin Resurssienhallinnassa (tai Finder Macissa).
  • Napsauta hiiren kakkospainikkeella muokattavaa HTML-asiakirjaa.
  • Vie hiiri vaihtoehdon päälle " Avaa ”.
  • Napsauta ohjelmaa, jota haluat käyttää tiedoston muokkaamiseen.
Lisää välilyöntejä HTML -vaiheeseen 2
Lisää välilyöntejä HTML -vaiheeseen 2

Vaihe 2. Lisää välilyönti painamalla välilyöntinäppäintä

Jos haluat lisätä tavallisen välilyönnin, napsauta välilyöntiä ja paina välilyöntiä näppäimistöllä. Normaalisti HTML näyttää sanojen välissä vain yhden välilyönnin riippumatta siitä, kuinka monta kertaa painat välilyöntiä.

Image
Image

Vaihe 3. Kirjoita välikohteet väkisin lisäämällä

Tuloksena oleva koodi tunnetaan katkeamattomana tai kiinteänä tilana, koska se estää rivin halkeamisen paikassa, johon koodi on sijoitettu.

  • Kirjoita esimerkiksi Hei kaikille! lisäämään välilyönti sanojen "hei" ja "kaikki!" väliin.
  • Jos käytät liikaa näitä merkkejä, selaimesi on vaikea lisätä rivinvaihtoja siistillä ja helppolukuisella tavalla.
  • Voit myös kirjoittaa välilyöntiä väkisin.
Image
Image

Vaihe 4. Lisää eri leveyksiä

Voit lisätä pidemmän tilan jollakin seuraavista vaihtoehdoista:

  • Kaksi välilyöntiä - Kirjoita
  • Neljä välilyöntiä - tyyppi
  • Sisennys - tyyppi

Tapa 2/3: CSS -koodin käyttö

Lisää välilyöntejä HTML -vaiheeseen 5
Lisää välilyöntejä HTML -vaiheeseen 5

Vaihe 1. Avaa HTML- tai CSS -asiakirja

CSS -koodia voidaan soveltaa HTML -asiakirjan otsikkoon tai kirjoittaa ulkoisena CSS -asiakirjana.

HTML -asiakirjan pää on tiedoston yläosassa. Tämä osio on "" ja "" -merkkien välissä

Image
Image

Vaihe 2. Luo tyylisegmentti CSS -koodille

Tyylisegmentti on lisättävä HTML -koodin alkuun tai erilliseen tyylitaulukkoon. Luo tyylisegmenttejä HTML -asiakirjoihin tai erillisiin tyylitaulukoihin seuraavien lippujen avulla.

  • Avaa tyylisegmentti kirjoittamalla. Kaikki CSS -koodit on lisättävä tämän merkin jälkeen.
  • Sulje tyylisegmentti kirjoittamalla. Kaikki CSS -koodit on annettava ennen tätä sulkumerkkiä.
Image
Image

Vaihe 3. Kirjoita tyylisegmenttiin seuraava: p {text-indent: 5em;}. Tämä lippu kehottaa selainta luettelemaan viisi välilyöntiä, kun se lisätään asianmukaiseen HTML -koodiin.

  • Voit säätää välilyöntejä tai leveyttä kirjoittamalla eri numeron "text-sisennys:" -koodin jälkeen.
  • Yksikkö "em" vastaa yhtä välilyöntiä määritetyssä tai sovellettavassa kirjasinkokossa. Voit käyttää muita yksiköitä, kuten prosentteja (esim. "Teksti-sisennys: 15%;") tai pituusyksiköitä (esim. "Teksti-sisennys: 3 mm;").
Image
Image

Vaihe 4. Tikka

siltä puolelta, johon haluat sisennellä.

Tämä merkki on lisättävä HTML -koodin runkoon ennen tekstiä, johon haluat sisennellä. Tämän jälkeen tekstiin lisätään CSS -koodissa määriteltyjen luetelmakohtien sisennys.

Tapa 3/3: Esimuokatun tekstin käyttäminen

Lisää välilyöntejä HTML -vaiheeseen 9
Lisää välilyöntejä HTML -vaiheeseen 9

Vaihe 1. Avaa HTML -asiakirja

Voit muokata HTML-asiakirjoja käyttämällä tekstinkäsittelyohjelmaa, kuten Notepad tai TextEdit Windowsissa. Voit käyttää myös HTML -editoria, kuten Adobe Dreamweaver. Avaa HTML -asiakirja seuraavasti.

  • Hae HTML -asiakirjoja Windowsin Resurssienhallinnassa (tai Finder Macissa).
  • Napsauta hiiren kakkospainikkeella muokattavaa HTML-asiakirjaa.
  • Vie hiiri vaihtoehdon päälle " Avaa ”.
  • Napsauta ohjelmaa, jota haluat käyttää tiedoston muokkaamiseen.
Image
Image

Vaihe 2. Kirjoita

ennen tekstiä, jonka haluat muotoilla.

Koodi on valmiiksi muotoiltu tekstin avausmerkki.

Image
Image

Vaihe 3. Kirjoita haluamasi teksti"

".

Esimuokkauksen yhteydessä kaikki Enter -näppäimellä luodut välilyönnit ja rivinvaihdot näkyvät HTML -sivulla.

Image
Image

Vaihe 4. Kirjoita tekstin jälkeen.

Esimuodostettu tekstisegmentti päättyy.

Vinkkejä

  • Jos lisäämäsi tila tuottaa outoja symboleja selaimessasi, on mahdollista, että se johtuu tekstinkäsittelyohjelmamuodossa olevista lisätiedoista, joita ei pitäisi näyttää Internetissä. Voit estää symbolin näkymisen kirjoittamalla koodin tavalliseen tekstinkäsittelyohjelmaan, kuten Notepadiin tai TextEditiin.
  • CSS on kehittyneempi ja ennakoitavampi tyylitaulukko, jolla suunnitellaan verkkosivujen elementtejä, mukaan lukien tekstivälit.
  • Kiinteä tila (murtumaton tila)
  • on esimerkki merkkikokonaisuudesta, koodi, joka viittaa merkkiin, jota et voi kirjoittaa näppäimistöllä.

Varoitus

  • Välilehden HTML -merkit

  • ei toimi niin kuin voisi odottaa. Tavallisissa HTML -asiakirjoissa ei ole taulukointia, joten nämä merkit eivät toimi.
  • Kirjoita HTML -koodisi aina koodieditorissa tai tekstitiedostossa, älä tekstinkäsittely tiedostomuodossa (esim. Word).

Suositeltava: