HTML-kod för radavståndshöjder

click fraud protection
...

HTML är ryggraden i internet.

Kontrollera det vertikala utrymmet mellan textraderna i ett stycke på din webbsida för att förfina din visuella presentation. Om du behöver lite extra utrymme fyllt med text, eller behöver klämma in lite extra text i ett visst utrymme, kan du använda HTML- och CSS-taggar för att ändra radavståndet så att det passar. Med några rader kod kan du justera radavståndets höjd, eller "radhöjd" på din webbsida.

Strikt HTML

Använd strikt HTML för att skapa radavstånd som ser rätt ut, eller som hjälper till att få ett avsnitt av texten att passa perfekt inuti textområdet på en webbplats. Använd taggen "font" för att skapa kod så här:

Dagens video

"150%" är den del som ökar avståndet mellan textraderna. Ersätt andra värden för att öka eller minska avståndet.

Span Tag

Använd span-taggar för att tillämpa radhöjdsändringen på text som skrivs in mellan öppning och stängning av taggen. Kodningen ser liknande ut:

Texten kommer här...

Använd ett antal pixlar för att ställa in teckenstorleken istället för de relativa storlekarna stor, medium eller liten. Att använda exakta mått för teckenstorlek ger dig bättre kontroll över texten och gör att radavståndet fungerar bättre.

CSS-alternativ

Radavstånd kan också ställas in med hjälp av en överlappande stilmall (CSS). CSS styr vilket element du än bestämmer dig för att tillämpa det på, oavsett om det är ett span-ID som du ställer in för en enskild textavsnitt på sidan eller en hel klass av vanliga föremål. Om du till exempel arbetar med en bloggsajt kan du skapa en klass för blogginlägg och ställa in stilmallslinjehöjden för klassen till 135 %. Varje blogginlägg skulle ha samma radhöjd. Koden för att ställa in "linjehöjd" i CSS är:

{line-height: 150%;}

WYSIWYG linjeavståndskontroll

Många av dessa kodningsproblem kan kringgås genom att använda en WYSIWYG webbredigerare eller genom att skapa webbplatser med onlineprogramvara som WordPress och Joomla, eller gratis verktyg för att skapa webbplatser som Weebly, Wix och Månfrukt. Alla dessa verktyg tillhandahåller textredigerare som tar bort gissningsarbetet och huvudet. Ett enkelt klick på en musknapp och radavståndet ökar precis som om du skulle skriva ett dokument i din favoritordbehandlare.

De flesta webbredigerare, oavsett hur WYSIWYG deras gränssnitt, är mycket enklare att använda om du vet hur man kodar, även om du upptäcker att du kodar mycket mindre än du brukade.