HTML код за височина на междуредовото разстояние

...

HTML е гръбнакът на интернет.

Контролирайте вертикалното пространство между редовете на текст в рамките на параграф на вашата уеб страница, за да прецизирате визуалното си представяне. Ако имате нужда от малко допълнително пространство, изпълнено с текст, или трябва да изстискате малко допълнителен текст в определено пространство, можете да използвате HTML и CSS тагове, за да промените разстоянието между редовете, за да пасне. С няколко реда код можете да регулирате височината на разстоянието между редовете или "височина на реда" във вашата уеб страница.

Строг HTML

За да създадете разстояние между редовете, което изглежда правилно или което помага да се направи част от текста да пасне идеално в текстовата област на сайта, използвайте строг HTML. Използвайте маркера "font", за да създадете код като този:

Видео на деня

"150%" е частта, която увеличава разстоянието между редовете на текста. Заменете други стойности, за да увеличите или намалите разстоянието.

Span Tag

Използвайте span тагове, за да приложите промяната на височината на реда към текст, въведен между отварянето и затварянето на етикета. Кодирането изглежда подобно:

Текстът е тук...

Използвайте определен брой пиксели, за да зададете размера на шрифта вместо относителните размери големи, средни или малки. Използването на прецизни измервания за размера на шрифта ви дава по-добър контрол върху текста и позволява на разстоянието между редовете да работи по-добре.

CSS алтернативи

Разстоянието между редовете може да се зададе и с помощта на каскаден стилов лист (CSS). CSS контролира всеки елемент, към който решите да го приложите, било то идентификатор на span, който сте задали за един раздел от текст на страницата или цял клас от често използвани елементи. Например, ако работите с блог сайт, можете да създадете клас за записи в блога и да зададете височината на линията на стиловата таблица за класа на 135%. Всеки запис в блога ще има една и съща височина на реда. Кодът за настройка на "височина на реда" в CSS е:

{line-height: 150%;}

WYSIWYG контрол на разстоянието между редовете

Много от тези проблеми с кодирането могат да бъдат заобиколени с помощта на WYSIWYG уеб редактор или чрез създаване на сайтове с онлайн софтуер като WordPress и Joomla или безплатни инструменти за създаване на уебсайтове като Weebly, Wix и лунен плод. Всички тези инструменти предоставят текстови редактори, които премахват догадките и главоболието. Просто щракване с бутон на мишката и разстоянието между редовете се увеличава точно както би, ако пишете документ в любимия си текстов процесор.

Повечето уеб редактори, без значение колко WYSIWYG е интерфейсът им, са много по-лесни за използване, ако знаете как да кодирате, дори ако откриете, че кодирате много по-малко, отколкото преди.