HTML er ryggraden i internett.
Kontroller det vertikale rommet mellom tekstlinjene i et avsnitt på websiden din for å avgrense den visuelle presentasjonen. Hvis du trenger litt ekstra plass fylt med tekst, eller trenger å presse litt ekstra tekst inn på en bestemt plass, kan du bruke HTML- og CSS-tagger for å endre linjeavstanden slik at den passer. Med noen få linjer med kode kan du justere linjeavstandshøyden, eller "linjehøyde" på nettsiden din.
Strenge HTML
For å lage linjeavstand som ser riktig ut, eller som hjelper til med å få en del av teksten til å passe perfekt inn i tekstområdet på et nettsted, bruk streng HTML. Bruk "font"-taggen for å lage kode som dette:
Dagens video
"150%" er delen som øker avstanden mellom tekstlinjene. Bytt ut andre verdier for å øke eller redusere avstanden.
Span Tag
Bruk span-tagger for å bruke linjehøydeendringen på tekst som legges inn mellom åpning og lukking av taggen. Kodingen ser lik ut:
Teksten kommer her...
Bruk et antall piksler for å angi skriftstørrelsen i stedet for de relative størrelsene stor, medium eller liten. Ved å bruke nøyaktige mål for skriftstørrelse får du bedre kontroll over teksten og lar linjeavstanden fungere bedre.
CSS-alternativer
Linjeavstand kan også angis ved hjelp av et cascading style sheet (CSS). CSS kontrollerer uansett hvilket element du bestemmer deg for å bruke det på, enten det er en span-ID som du angir for en enkelt del av teksten på siden eller en hel klasse med ofte brukte elementer. Hvis du for eksempel jobber med en bloggside, kan du opprette en klasse for blogginnlegg og sette stilarkets linjehøyde for klassen til 135 %. Hvert blogginnlegg vil ha samme linjehøyde. Koden for innstilling av "linjehøyde" i CSS er:
{linjehøyde: 150 %;}
WYSIWYG linjeavstandskontroll
Mange av disse kodingsproblemene kan omgås ved å bruke en WYSIWYG-webredigerer eller ved å lage nettsteder med nettbasert programvare som WordPress og Joomla, eller gratis verktøy for å lage nettsteder som Weebly, Wix og Månefrukt. Alle disse verktøyene gir tekstredigerere som fjerner gjetting og hodeskraping. Et enkelt klikk på en museknapp og linjeavstanden øker akkurat som om du skulle skrive et dokument i din favoritt tekstbehandler.
De fleste nettredaktører, uansett hvor WYSIWYG grensesnittet deres, er mye enklere å bruke hvis du vet hvordan du koder, selv om du finner ut at du koder mye mindre enn du pleide.
