În HTML, putem adăuga cu ușurință spațiul în document utilizând următoarele moduri diferite:
- Folosind Html
- Utilizarea Internă CSS
Html
Dacă doriți să adăugați spațiu în document folosind tag-ul Html pentru a afișa spațiul înainte și după text, atunci trebuie să urmați pașii care sunt prezentate mai jos., Folosind acești pași, putem adăuga cu ușurință spațiul:
Pasul 1: În primul rând, trebuie să tastăm codul Html în orice editor de text sau să deschidem fișierul Html existent în editorul de text în care dorim să adăugăm spațiul.
Pasul 2: Acum, plasați cursorul unde dorim să adăugăm spațiul. Și, atunci trebuie să apăsați bara de spațiu de la tastatură. Practic, pagina web arată un singur spațiu între cele două cuvinte. Nu contează cât de mult am apăsat bara de spațiu.,
Pasul 3: Dacă vrem să arătăm mai mult decât un spațiu înainte sau după textul de pe pagina de web, atunci trebuie să dea următoarele tag-ul:
Pasul 4: Dacă vrem pentru a introduce/a adăuga mai mult spațiu atunci vom utiliza urmatoarele tag-uri pentru a arăta două sau patru spații între textul de pe pagina de web:
Pasul 5: putem adăuga, de asemenea, <pre> tag-ul, care afișează textul de pe pagina de web la fel cum este înscris în documentul Html.,pasul 6: Când am adăugat spațiul cu succes în document, atunci trebuie să salvăm fișierul Html și să rulăm fișierul.
ieșire de mai sus codul Html este prezentat în captura de ecran următoare:
Utilizarea Internă CSS
Dacă doriți să adăugați spațiu în document utilizând Internă de stil în Cascadă pentru a arăta spațiu înainte și după text, trebuie să urmați pașii care sunt prezentate mai jos. Folosind acești pași, putem adăuga cu ușurință spațiul.,pasul 1: În primul rând, trebuie să tastăm codul Html în orice editor de text sau să deschidem fișierul Html existent în editorul de text în care dorim să folosim CSS intern pentru adăugarea spațiului.
Pasul 2: Acum, avem de a plasa cursorul în cap tag din document Html și apoi defini stiluri în interiorul <stil> tag-ul așa cum se arată în următorul bloc. Și atunci trebuie să tastăm atributul text-indent în elementul paragraf.,
Pasul 3: Acum, trebuie să introduceți tag-ul paragraf și clasa tab1 în <pre> tag-ul Html. Și, în sfârșit, trebuie să salvăm fișierul Html și apoi să rulăm fișierul.
testați-l acum
ieșirea codului Html de mai sus este afișată în următoarea captură de ecran:
