HTML-koodi rivivälikorkeuksille

...

HTML on Internetin selkäranka.

Tarkenna visuaalista esitystäsi hallitsemalla pystysuoraa tilaa Web-sivusi kappaleen tekstirivien välillä. Jos tarvitset hieman ylimääräistä tilaa täytettynä tekstillä tai haluat puristaa hieman ylimääräistä tekstiä tiettyyn tilaan, voit muuttaa rivivälin sopivaksi HTML- ja CSS-tunnisteiden avulla. Muutamalla koodirivillä voit säätää rivivälin korkeutta tai "rivin korkeutta" Web-sivullasi.

Tiukka HTML

Käytä tiukkaa HTML-koodia luodaksesi rivivälit, jotka näyttävät oikealta tai joiden avulla tekstiosa sopii täydellisesti sivuston tekstialueelle. Käytä "font" -tunnistetta luodaksesi koodin seuraavasti:

Päivän video

"150%" on se osa, joka lisää tekstirivien välistä väliä. Korvaa muut arvot lisätäksesi tai pienentääksesi väliä.

Span Tag

Käytä span-tageja soveltaaksesi rivin korkeuden muutosta tekstiin, joka on syötetty tagin avauksen ja sulkemisen väliin. Koodaus näyttää samalta:

Teksti menee tänne...

Käytä useita pikseleitä asettaaksesi fonttikoon suhteellisten koon isojen, keskikokoisten tai pienten sijaan. Fontin koon tarkkojen mittojen avulla voit hallita tekstiä paremmin ja rivivälit toimivat paremmin.

CSS-vaihtoehdot

Rivivälit voidaan asettaa myös CSS-tyylisivulla. CSS hallitsee mitä tahansa elementtiä, johon päätät käyttää sitä, olipa kyseessä sitten span ID, jonka asetat yhdelle sivun tekstiosalle tai kokonaiselle yleisesti käytettyjen kohteiden luokalle. Jos esimerkiksi työskentelet blogisivustolla, voit luoda luokan blogimerkintöjä varten ja asettaa luokan tyylisivun rivinkorkeudeksi 135 %. Jokaisella blogimerkinnällä olisi sama rivinkorkeus. Koodi rivin korkeuden asettamiseen CSS: ssä on:

{rivin korkeus: 150 %;}

WYSIWYG rivivälin ohjaus

Monet näistä koodausongelmista voidaan kiertää käyttämällä WYSIWYG-verkkoeditoria tai luomalla sivustoja online-ohjelmistot, kuten WordPress ja Joomla, tai ilmaiset verkkosivustojen luontityökalut, kuten Weebly, Wix ja Moonfruit. Kaikki nämä työkalut tarjoavat tekstieditoreja, jotka poistavat arvailun ja pään raapimisen. Yksinkertainen hiiren painikkeen painallus ja riviväli kasvaa aivan kuten jos kirjoittaisit asiakirjaa suosikkitekstinkäsittelyohjelmallasi.

Useimpia verkkoeditoreja, riippumatta siitä, kuinka WYSIWYG niiden käyttöliittymä on, on paljon helpompi käyttää, jos osaat koodata, vaikka huomaat koodaavansa paljon vähemmän kuin ennen.