HTML은 인터넷의 중추입니다.
웹 페이지의 단락 내 텍스트 줄 사이의 세로 공간을 제어하여 시각적 표현을 다듬습니다. 텍스트로 채워진 약간의 추가 공간이 필요하거나 특정 공간에 약간의 추가 텍스트를 압축해야 하는 경우 HTML 및 CSS 태그를 사용하여 줄 간격을 그에 맞게 변경할 수 있습니다. 몇 줄의 코드로 줄 간격 높이 또는 웹 페이지의 "줄 높이"를 조정할 수 있습니다.
엄격한 HTML
적절하게 보이거나 사이트의 텍스트 영역에 완벽하게 맞는 텍스트 섹션을 만드는 데 도움이 되는 줄 간격을 만들려면 엄격한 HTML을 사용하세요. "글꼴" 태그를 사용하여 다음과 같은 코드를 생성합니다.
오늘의 비디오
"150%"는 텍스트 줄 사이의 간격을 늘리는 부분입니다. 간격을 늘리거나 줄이려면 다른 값으로 대체하십시오.
스팬 태그
스팬 태그를 사용하여 태그 열기와 닫기 사이에 입력된 텍스트에 줄 높이 변경 사항을 적용합니다. 코딩은 비슷해 보입니다.
문자는 여기로...
픽셀 수를 사용하여 대, 중 또는 소의 상대적 크기 대신 글꼴 크기를 설정합니다. 글꼴 크기에 대한 정확한 측정을 사용하면 텍스트를 더 잘 제어할 수 있고 줄 간격이 더 잘 작동할 수 있습니다.
CSS 대안
CSS(Cascading Style Sheet)를 사용하여 줄 간격을 설정할 수도 있습니다. CSS는 페이지에 있는 텍스트의 단일 섹션에 대해 설정한 범위 ID이거나 일반적으로 사용되는 항목의 전체 클래스에 적용하기로 결정한 요소를 제어합니다. 예를 들어 블로그 사이트에서 작업하는 경우 블로그 항목에 대한 클래스를 만들고 클래스에 대한 스타일시트 줄 높이를 135%로 설정할 수 있습니다. 모든 블로그 항목은 동일한 줄 높이를 갖습니다. CSS에서 "줄 높이"를 설정하는 코드는 다음과 같습니다.
{줄 높이: 150%;}
WYSIWYG 줄 간격 제어
이러한 코딩 문제의 대부분은 WYSIWYG 웹 편집기를 사용하거나 WordPress 및 Joomla와 같은 온라인 소프트웨어 또는 Weebly, Wix 및 문프루트. 이러한 모든 도구는 추측과 머리를 긁는 작업을 없애주는 텍스트 편집기를 제공합니다. 즐겨 사용하는 워드 프로세서로 문서를 작성하는 것처럼 마우스 버튼만 클릭하면 줄 간격이 늘어납니다.
대부분의 웹 편집기는 인터페이스가 얼마나 WYSIWYG인지에 상관없이 코딩 방법을 알고 있으면 사용하기가 훨씬 쉽습니다.
