HTML 줄 바꿈이란 무엇입니까?

HTML (HyperText Markup Language)에서 줄 바꿈은 태그 또는 CSS (Cascading Style Sheet) 속성으로, HTML 뷰어 또는 웹 브라우저가 즉시 사용 가능한 다음 줄로 드롭 다운되고 정의 된 위치에서 시작하여 다음 요소를 그립니다. 여유. HTML 줄 바꿈을 문서에 삽입하는 데 일반적으로 허용되는 두 가지 방법이 있습니다. 첫 번째는 나누기 (BR) 태그를 사용하여 브라우저가 다음 행에서 다음 요소를 왼쪽 테두리에 맞추도록 강제하는 것입니다. 다른 방법은 다른 CSS 속성을 사용하여 블록 수준 요소 주위에 테두리, 거터 또는 간격을 정의하여 열린 공간을 만드는 것입니다.이 방법은 문서의 단어 줄 바꿈에는 영향을 미치지 않습니다.

HTML의 디자인 원칙 중 하나는 일반적으로 브라우저가 웹 페이지의 레이아웃을 일부 제어 할 수 있다는 것입니다. 이를 통해 잘 디자인 된 사이트는 디스플레이 크기에 관계없이 매우 유동적 인 모양을 유지할 수 있습니다. 단락이 그려지면 일반적으로 브라우저는 일반적으로 블록의 오른쪽 가장자리에서 줄을 끝내는 적절한 장소를 찾는 것으로 청구됩니다. 암시 적 HTML 줄 바꿈을 사용하면이 프로세스가 중단됩니다.

BR 태그는 줄을 끝내고 아래로 이동하는 가장 간단한 방법입니다. 태그의 사용은 문서에서 단락을 정의하는 유일한 방법으로 찌그러져 있지만 일반적으로 일부 사소한 형식에는 허용됩니다. 단락 태그는 CSS 또는 다른 태그로 조작 할 수있는 블록을 생성하지만 HTML 줄 바꿈 태그는 독립형이며 블록을 둘러싸 지 않기 때문에 텍스트 영역을 분리하는 데 선호됩니다. 브라우저가 단락 사이에 두 개의 나누기를 사용하지 못하도록하기 위해 나누기 태그를 단락 블록 내에서 사용할 수 있습니다 (기본 동작).

줄 바꿈을 일으키는 데 사용되는 또 다른 방법은 CSS 속성을 사용하여 텍스트 상자의 크기를 늘리는 것입니다. 이렇게하면 컨테이너의 바닥이 효과적으로 확장되어 그 뒤에 빈 공간이 남습니다. 컨테이너 내의 텍스트가 수정되지 않으므로 브라우저에서 단어 줄 바꿈을 제어하는 ​​경우를 제외하고 나누기 또는 단락 태그를 사용하는 것과 동일하게 표시 될 수 있습니다.

HTML 줄 바꿈을 지정해야 할 영역은 텍스트가 인라인 이미지를 감싸는 경우입니다. 이미지 측면에 깔끔한 형식의 단락을 만드는 쉬운 방법은 HTML 줄 바꿈 태그에 CLEAR 수정자를 사용하는 것입니다. 이렇게하면 줄 바꿈이 정상적으로 계속되는지 또는 이미지 다음에 사용 가능한 다음 줄로 건너 뛸지 여부를 지정할 수 있습니다. 특정 상황에서는 유동적이지 않더라도이 동작을 모방 할 CSS 스타일을 만들 수도 있습니다.

다른 언어

이 문서가 도움이 되었나요? 피드백 감사드립니다 피드백 감사드립니다

어떻게 도와 드릴까요? 어떻게 도와 드릴까요?