Sådan reduceres afstanden mellem linjer i HTML

...

Du kan reducere afstanden mellem linjer direkte i en websides HTML-fil.

Brug af HTML gør det nemt at oprette grundlæggende websider og kontrollere forskellige egenskaber på disse sider, herunder skrifttype, tekststørrelse, farve og linjeafstand. Reduktion af afstanden mellem linjer kan være nyttig, hvis du har brug for at fortætte en webside eller for at reducere mellemrum af æstetiske årsager. Heldigvis er reduktion af afstanden mellem linjer blot et spørgsmål om at lave et par hurtige indsættelser i sidens HTML-fil.

Trin 1

Identificer den del af dit HTML-dokument, der svarer til den del af din webside, som du gerne vil mindske afstanden mellem linjer for.

Dagens video

Trin 2

Vedlæg den del af dokumentet i en "

" tag. en "
"-tag, også kendt som et divider-tag, markerer en sektion af HTML, som du gerne vil anvende en bestemt stil på. Indsæt"

" i begyndelsen af ​​afsnittet og "

" i slutningen af ​​afsnittet.

Trin 3

Indsæt "style=" inden for den første "

" tag som følger:
. "Style"-operatøren signalerer til browseren, der gengiver websiden, at den skal style delen af siden indesluttet i divide-tags på en bestemt måde, der er forskellig fra resten af ​​nettet side.

Trin 4

Placer teksten "line-height:" inden for anførselstegn efter typografioperatoren som følger:

. Sørg for at inkludere et kolon efter teksten. "Line-height"-attributten signalerer til browseren, at den skal ændre afstanden mellem linjerne for den del af siden, der er indesluttet i divide-tags.

Trin 5

Indsæt et tal efterfulgt af procenttegnet efter kolon efter "line-height"-attributten, som følger:

. Tallet du indsætter er din ønskede linjeafstand udtrykt som en procentdel af sidens aktuelle linjeafstand. For eksempel, hvis du indsætter 50, vil afstanden mellem linjerne være halvdelen af ​​dens nuværende afstand, mens hvis du indsætter 200, vil afstanden være det dobbelte af dens nuværende afstand. Indsæt et vilkårligt tal mindre end 100 for at reducere afstanden mellem linjerne i sektionen omgivet af delemærkerne.

Trin 6

Gem dit HTML-dokument, og test det ved at åbne det i en webbrowser for at se, hvordan det vil se ud for læsere, der får adgang til det via internettet.