Kako stvoriti dodatni prostor u HTML-u ili web stranici?

Ovisno o vrsti prostora koji želite stvoriti, postoje različiti načini za stvaranje prostora u HTML-u.
Saznajte različite načine stvaranja dodatnog prostora uz pomoć CSS-a i HTML-a.

Stvaranje dodatnih razmaka prije ili poslije teksta

Za nove korisnike jedna od zbunjujućih stvari kod izrade web stranice je ta što ne mogu više puta pritisnuti razmaknicu kako bi povećali prostor.
Da biste stvorili dodatne razmake prije, nakon ili između teksta, koristite & nbsp; (neprekidni razmaci) prošireni HTML znak.

Na primjer, za “dodatni razmak” u HTML uključujemo sljedeći kôd.

dodatni    razmak

Zadržite razmak u tekstu koji je zalijepljen na stranicu

Ako tekst zalijepite s dodatnim razmacima ili karticama, možete koristiti HTML <pre> oznake da biste tekst održali formatiranim.
Slijedi primjer kako dodati dodatne razmake između teksta pomoću oznake <pre>.

<pre class ="tab">Ovaj tekst ima puno razmaka</pre>

Stvaranje dodatnog prostora oko elementa ili predmeta

Bilo koji HTML element može dodati dodatni prostor na vrhu, desno, dolje ili lijevo.
Međutim, prije nego što odlučite o vrsti prostora koji želite dodati oko elementa ili predmeta, 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 pasusa s marginom i popunom.</p>

U prvom dijelu koda, “margin-left: 1.5em;” dodaje lijevu marginu od 1.5 em za uvlačenje izgleda.
U sljedećem odjeljku, “Padding: 0 4em 3em 0;” definira gornji, desni, donji i lijevi oblog, 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 obruba.

Pročitaj:   Najbolji laptopi za 2021. godinu

Izrada kartice pomoću CSS-a i HTML-a

Kartice u HTML-u možete stvoriti podešavanjem lijeve margine elementa.
Na primjer, lijeva margina odlomka je 1,5em.
CSS za stvaranje lijeve margine prikazan je u nastavku.

.tab {
 margin-left: 1.5em
}

Nakon stavljanja ovog koda u CSS datoteku, možemo primijeniti klasu “tab” na bilo koji tekst kako bismo stvorili izgled kartice.
Vrijednost marginacije na lijevoj strani može se po potrebi povećavati ili smanjivati.
Iako preporučujemo gornju metodu, CSS možete dodati i slijeva redom, kao što je prikazano u donjem primjeru.

<p style="margin-left: 1.5em">Primjer 1.5em lijeve marginacije.</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, dva prekida dodaju prostor iznad.
Po potrebi možete dodati i druga razdoblja 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.

By Lapan

ML Lapan je računalni geek, wordpress freelancer i gamer iz Bosne i Hercegovine. Ima 15 godina iskustva u radu na računaru, internetu, web lokacijama (najviše s Wordpress web stranicama). Po zanimanju je ekonomski tehničar, iako se trenutno ne bavi ovom vrstom posla. Na ovom blogu objavljuje gameplay snimke nekih igara koje voli igrati, te neke druge interesantne članke.

Komentariši

Vaša email adresa neće biti objavljivana. Neophodna polja su označena sa *

Svi Smo Bliski

Problem, pitanje, hitan slučaj?
Ne oklijevajte posjetiti centar za pomoć, Mi vam možemo pomoći.

Lapan
Naše web mjesto je omogućeno prikazivanjem internetskih oglasa našim posjetiteljima.
Onemogućite vaš blokator i kliknite na ovaj tekst.