Kuinka pienentää riviväliä HTML: ssä

...

Voit pienentää riviväliä suoraan verkkosivun HTML-tiedostossa.

HTML: n avulla on helppo luoda perusverkkosivuja ja hallita näiden sivujen erilaisia ​​attribuutteja, kuten fonttia, tekstin kokoa, väriä ja riviväliä. Rivivälin pienentäminen voi olla hyödyllistä, jos haluat tiivistää verkkosivua tai vähentää tyhjää tilaa esteettisistä syistä. Onneksi rivivälin pienentäminen edellyttää vain muutaman nopean lisäyksen tekemistä sivun HTML-tiedostoon.

Vaihe 1

Tunnista HTML-dokumentin osa, joka vastaa sitä Web-sivusi osaa, jonka riviväliä haluat pienentää.

Päivän video

Vaihe 2

Liitä asiakirjan osa "

"tagi. A "
"-tunniste, joka tunnetaan myös nimellä jakotunniste, merkitsee HTML-koodin osan, johon haluat soveltaa tiettyä tyyliä. Lisää "

" osion alussa ja "

" osion lopussa.

Vaihe 3

Lisää "style=" ensimmäiseen "

"tagi seuraavasti:
. "Tyyli"-operaattori ilmoittaa verkkosivua renderöivälle selaimelle, että sen tulee muotoilla osio sivun jakotunnisteiden sisällä tietyllä tavalla, joka eroaa muusta verkosta sivu.

Vaihe 4

Sijoita teksti "line-height:" lainausmerkkeihin tyyli-operaattorin jälkeen seuraavasti:

. Muista lisätä kaksoispiste tekstin jälkeen. "Line-height"-attribuutti ilmoittaa selaimelle, että sen tulee muuttaa riviväliä jakotunnisteiden sisällä olevan sivun osan rivien välillä.

Vaihe 5

Lisää numero ja prosenttimerkki kaksoispisteen perään rivinkorkeus-attribuutin jälkeen seuraavasti:

. Lisäämäsi numero on haluamasi riviväli ilmaistuna prosentteina sivun nykyisestä rivivälistä. Jos esimerkiksi lisäät 50, rivien välinen etäisyys on puolet nykyisestä etäisyydestä, kun taas jos lisäät 200, väli on kaksinkertainen nykyiseen väliin verrattuna. Lisää mikä tahansa luku, joka on pienempi kuin 100, vähentääksesi riviväliä jakotunnisteiden ympäröimässä osassa.

Vaihe 6

Tallenna HTML-dokumenttisi ja testaa sitä avaamalla se verkkoselaimessa nähdäksesi, miltä se näyttää lukijoille, jotka käyttävät sitä Internetin kautta.