Izveidojot papildu vietu savā HTML lapā, var panākt dažādus veidus atkarībā no veidnes, kuru vēlaties izveidot. Turpmākajās sadaļās ir daudz dažādu veidu, kā izveidot papildu vietu, izmantojot gan HTML, gan CSS.

Viena no neskaidrākajām lietām jaunajiem lietotājiem, kuri veido savu tīmekļa lapu, ir tas, ka viņi nevar nospiest atstarpes taustiņu vairākas reizes, padarot papildu vietas. Lai izveidotu papildu atstarpes pirms, pēc vai starp tekstu, izmantojiet (bez pārtraukuma) paplašinātā HTML rakstzīme.

Piemēram, ar "papildu vietu" mūsu HTML ir šāds kods.

 papildu telpa 

Piezīme. Ja izmantojat WYSIWYG redaktoru, lai ievadītu iepriekšminēto kodu, jums jābūt HTML cilnē vai rediģējot HTML kodu.

• Pilns paplašināto speciālo HTML rakstzīmju saraksts.

Saglabājiet atstarpi tekstā, kas ielīmēts lapā

Ja ielīmējat tekstu ar papildu atstarpēm vai cilnēm, varat izmantot HTML

 lai saglabātu tekstu. Zemāk ir piemērs, kā ievietot tekstu ar papildu atstarpēm, izmantojot 
 tag.
 Šajā tekstā ir daudz vietas 
Iepriekš minētais piemērs tiek darīts, izmantojot tālāk norādīto HTML kodu.
 Šajā tekstā ir daudz vietas 
Piezīme. Ja izmantojat WYSIWYG redaktoru, lai ievadītu iepriekš minēto kodu, jums jābūt HTML cilnē vai rediģējot HTML kodu.
Skatiet mūsu HTML 
 tag lapu, lai iegūtu plašāku informāciju par šo tagu.
Izveidojot papildu vietu ap elementu vai objektu 
Jebkuram HTML elementam var būt pievienotas papildu atstarpes augšpusē, labajā, apakšējā vai kreisajā pusē. Tomēr ir svarīgi saprast atšķirību starp starpību un polsterējumu, pirms izlemjat, kāda veida vietu vēlaties pievienot ap elementu vai citu objektu. Kā redzams zemāk redzamajā attēlā, polsterējums ir tas, kas uzreiz ieskauj elementu robežas robežās un robežas ārpus robežas.
Turpmāk sniegtajā piemērā mūsu punktu ieskauj robeža, kurā ir atstatums, un rindas labajā un apakšējā daļā ir vieta.
Piemērs punktam ar margu un polsterējumu.
Iepriekš minētais piemērs tika izveidots, izmantojot tālāk norādīto kodu.
Piemērs punktam ar rezervi un polsterējumu.
Koda pirmajā daļā "margas pa kreisi: 2.5em;" pievieno kreisās malas 2, 5 em, kas dod izskatu ievilkto tekstu. Kā parādīts piemērā, šis atstatums ir ārpus robežas. Nākamajā sadaļā "polsterējums: 0 7em 2em 0;" nosaka augšējo, labo, apakšējo un kreiso (pulksteņa rādītāju) polsterējumu. Ir "0" augšējais polsterējums, "7em" labais polsterējums, "2em" apakšējais polsterējums un 0 pa kreisi polsterējums. Pārējā šī piemēra daļa ir definēt, kā robežu izskatīt.
Cilnes izveidošana, izmantojot CSS un HTML 
Cilni HTML var izveidot, pielāgojot elementa kreiso malu. Piemēram, šī punkta kreisā starpība ir 2, 5 em no elementa, kas satur tekstu. CSS, lai izveidotu šo kreiso margu, ir parādīts zemāk.
 .tab {margin-left: 2.5em} 
Pēc šī koda ievietošanas mūsu CSS failā mēs varam piemērot cilni "tab" jebkuram tekstam, lai izveidotu cilnes izskatu. Atlikuma kreisā vērtība var tikt palielināta vai samazināta atkarībā no jūsu vajadzībām.
Lai gan mēs iesakām iepriekš aprakstīto metodi, margas kreisā CSS var pievienot arī rindā, kā parādīts zemāk redzamajā piemērā.
5em kreisās malas piemērs.
5em kreisās malas piemērs.
Kā es varu ievilkt vai tabulēt tekstu savā tīmekļa lapā vai HTML?
Ja jums ir nepieciešams pievienot papildu vietu zem teksta vai teksta rindas, un to nepieciešams izdarīt tikai vienu reizi, varat izmantot
tagu, lai dokumentā pievienotu papildu vietu. Zemāk ir piemērs, kā šo tehniku ​​var izmantot.
Šis teikums satur piemēru tekstu.
Kā redzams, tika pievienoti divi pārtraukumi, lai izveidotu iepriekšminēto vietu.
Iepriekš minētais kods radītu tālāk redzamo tekstu.
Šis teikums satur piemēru tekstu.
Kā redzams, tika pievienoti divi pārtraukumi, lai izveidotu iepriekšminēto vietu.
Ja nepieciešams, var pievienot papildu pārtraukumus. Tomēr mēs iesakām izmantot iepriekš minēto CSS metodi, lai pievienotu polsterējumu un atstarpi ap tekstu, ja tas tiek darīts vairākās vietās lapā.