Good Mood

Crearea de spațiu suplimentar în HTML de pe o pagină web poate fi atins în mai multe moduri, în funcție de tipul de spațiu pe care doriți să creați. Următoarele secțiuni conțin multe dintre diferitele moduri de a crea spațiu suplimentar folosind atât HTML, cât și CSS.,

Crearea de spații suplimentare înainte sau după text

Una dintre cele mai confuze lucruri pentru utilizatorii noi, care creează o pagină web este că ei nu pot să apăsați bara de spațiu de mai multe ori, face spații suplimentare. Pentru a crea spații suplimentare înainte, după sau între textul dvs., utilizați caracterul HTML extins   (spațiu fără rupere).

de exemplu, cu „spațiu suplimentar” avem următorul cod în HTML-ul nostru.,

extra    space

Păstrați distanța în text care este inserat într-o pagină

Dacă sunteți lipirea de text cu spații suplimentare sau file, puteți folosi HTML <pre> tag-ul pentru a păstra textul formatat., Mai jos este un exemplu despre cum să lipiți text cu spații suplimentare folosind eticheta <pre>.

This text has lots of spaces

exemplul de mai sus se face folosind codul HTML de mai jos.

<pre class="tab">This text has lots of spaces</pre>

• a se Vedea HTML <pre> tag-ul pagina pentru informații suplimentare cu privire la acest tag.

crearea de spațiu suplimentar în jurul unui element sau obiect

orice element HTML poate avea spațiere suplimentară adăugată în partea de sus, dreapta, jos sau stânga. Cu toate acestea, asigurați-vă că înțelegeți diferența dintre marjă și umplutură înainte de a decide tipul de spațiu pe care doriți să îl adăugați în jurul elementului sau obiectului. După cum se vede în imaginea de mai jos, padding înconjoară elementul, în interiorul frontierei, iar marja în afara frontierei.

exemplul De mai jos arată punctul înconjurat de un chenar, indentat cu o marjă, și cu spațiere la dreapta și de jos.,

un exemplu de paragraf cu margine și umplutură.exemplul de mai sus a fost creat folosind codul de mai jos.în prima secțiune a codului, „marja-stânga: 2, 5 em;” adaugă o marjă stângă de 2, 5 em, care dă aspectul textului indentat. După cum arată exemplul, această distanță este în afara graniței. În secțiunea următoare, „padding: 0 7em 2em 0;” definește umplutura de sus, dreapta, jos și stânga (în sensul acelor de ceasornic). Există „0” top padding, „7EM” dreapta padding, ” 2em ” bottom padding, și 0 stânga padding., Restul acestui exemplu este definirea modului în care ar trebui să arate granița.

crearea unei file folosind CSS și HTML

o filă poate fi creată în HTML prin ajustarea marginii din stânga a unui element. De exemplu, acest paragraf are o marjă stângă de 2,5 em din elementul care conține textul. CSS pentru a crea această marjă stângă este prezentat mai jos.

.tab { margin-left: 2.5em}

după plasarea acestui cod în fișierul nostru CSS, putem aplica clasa” tab ” la orice text pentru a crea aspectul unei file. Valoarea marjei-stânga poate fi mărită sau scăzută în funcție de nevoile dvs.,

deși recomandăm metoda de mai sus, CSS-ul margin-left poate fi adăugat și în linie, așa cum se arată în exemplul de mai jos.

<p style="margin-left:2.5em">An example of a 5em left margin.</p>

un exemplu de margine stângă 5EM.

• cum indentez sau tab text pe pagina mea web sau în HTML?

Adăugați spațiu de mai jos o linie sau un paragraf de text

Dacă aveți nevoie pentru a adăuga un spațiu suplimentar de mai jos o linie sau un paragraf de text, și trebuie doar să o faci o dată, puteți folosi <br> tag-ul. Mai jos este un exemplu despre modul în care poate fi aplicată această tehnică.,

<p>This sentence contains example text.<br><br>As you can see, two breaks add the space above.</p>

codul de mai sus creează textul prezentat mai jos.această propoziție conține un exemplu de text.
după cum puteți vedea, două pauze adaugă spațiul de mai sus.

pauze suplimentare pot fi adăugate dacă este necesar. Cu toate acestea, vă sugerăm să utilizați metoda CSS menționată anterior pentru a adăuga umplutură și spațiere în jurul textului dvs. dacă se face în mai multe locuri pe o pagină.