Ovisno o vrsti prostora koji želite stvoriti, postoje različiti načini stvaranja prostora u HTML-u.
Naučite različite načine za stvaranje dodatnog prostora pomoću CSS-a i HTML-a.
Napravite dodatne razmake prije ili poslije teksta
Za nove korisnike, jedna od zbunjujućih stvari pri kreiranju web stranice je ta što ne mogu pritisnuti razmaknicu više puta kako bi povećali prostor.
Da biste stvorili dodatne razmake prije, poslije ili između teksta, koristite (kontinuirani razmaci) prošireni HTML znak.
Na primjer, za dodatni prostor u HTML-u uključujemo sljedeći kod.
Dodatni prostor.Neka tekst ostane zalijepljen na stranici
Ako zalijepite tekst s dodatnim razmacima ili tabulatorima, možete upotrijebiti HTML <pre> oznake za zadržavanje formatiranog teksta.
Slijedi primjer kako dodati dodatne razmake između teksta pomoću oznake <pre>.
<pre class ="tab">Ovaj tekst ima mnogo razmaka.</pre>Stvaranje dodatnog prostora oko elementa ili objekta
Svaki HTML element može dodati dodatni prostor pri vrhu, desno, dnu ili lijevo.
Međutim, prije nego što odlučite o vrsti prostora koji želite dodati oko elementa ili objekta, važno je razumjeti razliku između praznog prostora i umetanja.
<p style="margin-left: 1.5em; padding: 0 4em 3em 0; border-width: 1.5px; border-color: red; border-style: solid;">Primjer odlomka s marginom i ispunom.</p>U prvom dijelu koda, margin-left: 1.5em; dodaje lijevu marginu od 1,5em za uvlačenje izgleda.
U sljedećem odjeljku, padding: 0 4em 3em 0; definira gornji, desni, donji i lijevi omot, u smjeru kazaljke na satu.
Postoji viša baza “0”, desna baza “4em”, niža baza “3em” i lijeva baza “0”.
Ostatak ovog primjera definira izgled ivice.
Kreiranje kartice koristeći CSS i HTML
Možete stvoriti kartice u HTML-u prilagođavanjem lijeve margine elementa.
Na primjer, lijeva margina odlomka je 1,5em.
CSS za stvaranje lijeve margine prikazan je dolje.
.tab {
margin-left: 1.5em
}Nakon stavljanja ovog koda u CSS datoteku, klasu „tab“ možemo primijeniti na bilo koji tekst kako bismo stvorili izgled kartice.
Vrijednost marže s lijeve strane može se povećati ili smanjiti prema potrebi.
Iako preporučujemo gornju metodu, možete dodati CSS s lijeve strane, kako je prikazano u donjem primjeru.
<p style="margin-left: 1.5em">Primjer 1,5em lijeve margine.</p>Dodajte razmak ispod retka ili odlomka teksta
Ako trebate dodati dodatni prostor ispod retka ili odlomka teksta, a to trebate učiniti samo jednom, možete upotrijebiti oznaku <br>.
Ispod je primjer kako primijeniti ovu tehniku.
<p>Ova rečenica sadrži primjer teksta.<br>
<br>
Kao što vidite, dvije pauze dodaju prostor iznad.</p>Kao što vidite, dvije pauze dodaju prostor iznad.
Po potrebi možete dodati i druge periode prostora.
Međutim, ako to radite na više mjesta na stranici, preporučuje se upotreba gore navedene CSS metode za dodavanje razmaka i razmaka oko teksta.