웹 페이지의 HTML 파일 내에서 직접 줄 사이의 간격을 줄일 수 있습니다.
HTML을 사용하면 기본 웹 페이지를 쉽게 만들고 글꼴, 텍스트 크기, 색상 및 줄 간격을 포함하여 이러한 페이지의 다양한 속성을 제어할 수 있습니다. 줄 사이의 간격을 줄이는 것은 웹 페이지를 압축해야 하거나 미적 이유로 공백을 줄여야 하는 경우 유용할 수 있습니다. 다행히 줄 사이의 간격을 줄이는 것은 페이지의 HTML 파일에 몇 가지 빠르게 삽입하는 문제입니다.
1 단계
줄 사이의 간격을 줄이려는 웹 페이지 부분에 해당하는 HTML 문서 섹션을 식별합니다.
오늘의 비디오
2 단계
문서의 해당 섹션을 "
" 태그. ㅏ "
" 태그는 분할 태그라고도 하며 특정 스타일을 적용하려는 HTML 섹션을 표시합니다. "를 삽입
" 섹션 시작 부분에 "
" 섹션 끝에.3단계
첫 번째 " 안에 "style="을 삽입하십시오.
" 태그는 다음과 같습니다.
. "스타일" 연산자는 웹 페이지를 렌더링하는 브라우저에 해당 부분의 스타일을 지정해야 한다는 신호를 보냅니다. 웹의 나머지 부분과 구별되는 특정 방식으로 분할 태그로 묶인 페이지의 페이지.
4단계
다음과 같이 스타일 연산자 뒤에 따옴표 안에 "line-height:" 텍스트를 배치합니다.
. 텍스트 뒤에 콜론을 포함해야 합니다. "line-height" 속성은 분할 태그로 둘러싸인 페이지 부분에 대한 행 사이의 간격을 수정해야 함을 브라우저에 알립니다.
5단계
다음과 같이 "line-height" 속성 다음의 콜론 뒤에 숫자와 백분율 기호를 삽입합니다.
. 삽입하는 숫자는 페이지의 현재 줄 간격에 대한 백분율로 표시되는 원하는 줄 간격입니다. 예를 들어, 50을 삽입하면 줄 사이의 간격은 현재 간격의 절반이 되고 200을 삽입하면 간격은 현재 간격의 두 배가 됩니다. 100보다 작은 숫자를 삽입하여 나누기 태그로 묶인 섹션에서 줄 사이의 간격을 줄이십시오.
6단계
HTML 문서를 저장하고 웹 브라우저에서 열어 테스트하여 인터넷을 통해 액세스하는 독자에게 어떻게 표시되는지 확인하십시오.
