HTML er rygraden i internettet.
Styr det lodrette mellemrum mellem tekstlinjerne i et afsnit på din webside for at forfine din visuelle præsentation. Hvis du har brug for lidt ekstra plads fyldt med tekst, eller har brug for at presse lidt ekstra tekst ind på et bestemt mellemrum, kan du bruge HTML- og CSS-tags til at ændre linjeafstanden, så den passer. Med nogle få linjer kode kan du justere linjeafstandshøjden eller "linjehøjden" på din webside.
Streng HTML
For at skabe linjeafstand, der ser rigtigt ud, eller som hjælper med at få et tekstafsnit til at passe perfekt ind i tekstområdet på et websted, skal du bruge streng HTML. Brug "font"-tagget til at oprette kode som denne:
Dagens video
"150%" er den del, der øger afstanden mellem tekstlinjerne. Erstat andre værdier for at øge eller mindske afstanden.
Span Tag
Brug span-tags til at anvende linjehøjdeændringen på tekst, der indtastes mellem åbningen og lukningen af tagget. Kodningen ligner:
Teksten kommer her...
Brug et antal pixels til at indstille skriftstørrelsen i stedet for de relative størrelser stor, mellem eller lille. Brug af præcise mål til skriftstørrelse giver dig bedre kontrol over teksten og tillader linjeafstanden at fungere bedre.
CSS-alternativer
Linjeafstand kan også indstilles ved hjælp af et cascading style sheet (CSS). CSS'en styrer det element, du beslutter dig for at anvende det på, hvad enten det er et span-id, som du angiver for en enkelt tekstsektion på siden eller en hel klasse af almindeligt brugte elementer. Hvis du for eksempel arbejder med et blogwebsted, kan du oprette en klasse til blogindlæg og indstille stilarkets linjehøjde for klassen til 135 %. Hvert blogindlæg ville have den samme linjehøjde. Koden til indstilling af "linjehøjde" i CSS er:
{linjehøjde: 150%;}
WYSIWYG Linjeafstandskontrol
Mange af disse kodningsproblemer kan omgås ved at bruge en WYSIWYG-webeditor eller ved at oprette websteder med online software såsom WordPress og Joomla, eller gratis værktøjer til oprettelse af websteder som Weebly, Wix og Månefrugt. Alle disse værktøjer giver teksteditorer, der fjerner gætteriet og hovedet. Et enkelt klik på en museknap og linjeafstanden øges, ligesom hvis du skrev et dokument i dit foretrukne tekstbehandlingsprogram.
De fleste webredaktører, uanset hvor WYSIWYG deres grænseflade er, er meget nemmere at bruge, hvis du ved, hvordan man koder, selvom du synes, du koder meget mindre, end du plejede.
