Kā ievietot atstarpes HTML

Autors: Monica Porter
Radīšanas Datums: 22 Martā 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
Tīmekļa lapu veidošana (1.video) - HTML pamati.
Video: Tīmekļa lapu veidošana (1.video) - HTML pamati.

Saturs

Tīmekļa programmēšanas valodās tiek ignorētas daudzas atstarpes, kuras parasti tiek izveidotas, izmantojot atstarpes, tabulēšanas taustiņus un ievadīšanas taustiņus. HTML tos visus definē kā regulārus atstarpes starp vārdiem un parāda tikai vienu atstarpi. Lai gan CSS ļauj lietotājiem iestatīt sīkāku informāciju par atstarpi un līdzināšanu, HTML nav dažu iebūvētu rīku, lai pielāgotu atstarpes.

Soļi

1. metode no 2: ievietojiet atstarpes un atsevišķas cilnes

  1. Ievietot atstarpes nav salauztas. Parasti HTML starp vārdiem parādīs tikai vienu atstarpi neatkarīgi no tā, cik reizes esat nospiedis atstarpes taustiņu. Lai parādītu vairākas blakus esošās atstarpes, ierakstiet vai. Šis kods izveidos īpašu rakstzīmi, ko sauc par "nepārtrauktu atstarpi", un tas vienmēr tiek parādīts.
    • Iepriekš minēto rakstzīmi sauc par "neiznīcināmu vietu", jo tas novērš līniju pārtraukumu atrašanās vietu. Pārspīlējot šo rakstzīmi, pārlūkprogrammai būs grūtības kārtīgi un vertikāli ievietot rindu pārtraukumus.

  2. Ievietojiet atstarpes ar dažādu platumu. Ir vēl dažas entītijas rakstzīmes, kurām pārlūkprogrammā ir jāparāda atstarpe. Veids, kā šīs atstarpes tiek rādītas dažādās pārlūkprogrammās, ir nedaudz atšķirīgs, tomēr atšķirībā no šiem kodiem rindas pārtraukums neietekmēs:
    • - ir nosaukts pēc printera atstarpes "N" (mērvienība), atstarpe "en" ir divreiz platāka par parasto atstarpi.
    • - "em" atstarpe, aptuveni vienāda ar četrām atstarpēm.

  3. Simulē cilni ar lielu nesagraujošu vietu. Lai ievilktu rindkopas, varat secīgi ievietot neiznīcināmas atstarpes: Tas ir vienīgais risinājums, ja izmantojat tikai HTML, bet, ja izmantojat CSS (aprakstīts atsevišķi zemāk esošajā solī), tas būs īsāks.
    • Ja teksts ir sarežģīti noformēts, izmantojiet iepriekšējo tagu.

  4. Pielāgojiet rindkopas CSS. CSS īpašības "margin" un "padding" sniedz norādījumus tieši pārlūkprogrammai, tāpēc parādītie rezultāti būs konsekventāki. Šo metodi nav grūti ieviest, ja vien jūs neko nezināt par CSS un jūsu lapai nav stila lapas. Lūk, piemērs, kā visu rindkopu pārvietot uz labo malu:
    • Sadaļā HTML dokumenta ievadiet šādu kodu:

      kur: "p.indent" definē teksta (p tag) nosaukuma "ievilkums" atribūtu (varat izmantot citu vārdu). Atlikušajā kodā rindkopas kreisajā pusē tiek pievienota atstarpes iezīme.
    • Tagad atgriezieties HTML dokumenta pamattekstā. Jebkurā brīdī, kad vēlaties ievilkt rindkopu (šajā piemērā joprojām ir "ievilkums"), ievietojiet rindkopu šajā kodā:

    • Lai izlīdzinātu atkāpes atstarpi, CSS kodā mainiet skaitli "1,8". Turiet "em" aiz muguras, jo tā ir garuma vienība, kas saistīta ar fonta lielumu.
    reklāma

2. metode no 2: izveidojiet garākas atstarpes

  1. Izmantojiet iepriekš formatētus tagus. Jebkura atslēga telpa labi ↵ Ievadiet ir ievadīts kartē

    tiks parādīts tieši tā, kā rakstāt. Varat arī izmantot šo tagu, lai parādītu piemērus, dzejoļus vai jebkuru citu tekstu, kura atstarpēs un līniju pārtraukumos nepieciešama augsta precizitāte.

    • Iepriekš formatēto karšu galvenais trūkums ir platums. Atšķirībā no parastā HTML, iepriekš formatētā teksta lielums netiks mainīts atbilstoši lietotāja loga izmēram.
  2. Izveidojiet līnijas pārtraukumu. Karte
    beigsies pašreizējā teksta rindiņa. Jūs varat izveidot tukšas rindas, izmantojot vairākus rindiņu pārtraukuma tagus. Studentiem, kuriem HTML ir jauns, šī ir laba pieeja, taču, ja esat iemācījušies CSS, šis obligātais HTML formāts nav ieteicams.
  3. Identificējiet rindkopu ar tagu "p". Tagi ap tekstu identificē šo rindkopu. Lielākā daļa pārlūkprogrammu atdala rindkopu ar tukšu rindu, taču jūs nevarat garantēt konsekventu teksta formātu. reklāma

Padoms

  • Kad pēdējo reizi pārbaudāt displeju savā tīmekļa lapā, ja fragmenta apkārtnē neparastā vietā redzat liekas rakstzīmes, vēlreiz pārbaudiet, vai ir nepilnīgi tagi, piemēram, <> tā vietā
    .
  • CSS ir jaudīgāks un aktīvāks rīks tīmekļa lapu prezentēšanai, ieskaitot atstarpes tekstam.
  • Ierobežojiet pēkšņas atstarpes aiz atvērta taga vai aizvērta taga priekšā. Piemēram, jums vajadzētu rakstīt Spaces Apmācība nevis Spaces Apmācība .
  • Nesagraujamā telpa ir entītijas rakstzīmes piemērs: kods, kas apzīmē rakstzīmi, kuru nevar ievadīt, izmantojot tastatūru.

Brīdinājums

  • HTML atribūts apzīmē atslēgu Cilne ↹ Patiesībā tas nav tik efektīvs, kā jūs domājat. Standarta HTML dokumentā nav cilnes apstāšanās, tāpēc cilnes rakstzīmei nav ietekmes.
  • Vienmēr rakstiet HTML valodu kodu redaktorā vai teksta failā, neizmantojiet teksta failu apstrādes formātus. Ja jūsu atstarpes jūsu tīmekļa pārlūkprogrammā kļūst par dīvainām rakstzīmēm, tas, visticamāk, ir saistīts ar vārdu procesora pievienoto datu pārpalikumu, kas nav paredzēts tiešsaistes attēlošanai.