HTML5에서 텍스트 블록을 제어하는 ​​방법 - 텍스트 블록

텍스트 블록은 웹 페이지의 기초를 쌓습니다. 제목, 단락 및 목록과 같은 것을 만들기 위해 텍스트 블록을 사용합니다. 해당 블록을 작은 조각으로 나누어 독자가 귀하의 콘텐츠를보다 잘 안내 할 수 있습니다.

블록 따옴표

A 블록 따옴표 는 페이지에서 설정 한 인용 부호 또는 저작권 소스의 발췌문입니다.

요소를 사용하여 인용문을 묶습니다.

감동적인 인용문

내가 교실에서 왜 저를 보냈는지 잠깐 생각 나게 할 때, 나는 이오 코카가 말한 것을 기억합니다.

완전히 이성적인 사회에서 우리 중 최고는 교사가 될 것이고 나머지는 다른 것을 해결해야 할 것입니다.

대부분의 웹 브라우저는이 그림과 같이 약간 왼쪽 들여 쓰기로 블록 인용 컨텐츠를 표시합니다.

미리 서식이 지정된 텍스트

일반적으로 HTML은 문서 안의 공백을 무시합니다. 이것이 브라우저가 블록 요소의

Hard return을 표시하지 않는 이유입니다.

• 줄 바꿈.

• 큰 공백

• 다음 마크 업은 다양한 하드 리턴, 줄 바꿈 및 많은 공백을 포함합니다. 그림은 웹 브라우저가이 모든 것을 무시한다는 것을 보여줍니다.

이것은 재미를 위해 많은 공백이있는 단락입니다 (그리고 물론 시험으로).

미리 서식이 지정된 텍스트 요소 (

)는 브라우저에 내용을 표시하는 동안 모든 공백을 그대로 유지하도록 지시합니다. 코드 샘플에 표시된대로

요소 대신
요소를 사용하여 그림과 같이 브라우저에서 모든 공백을 적용하게합니다.
공백 (White Space)

이것은 재미를 위해 많은 공백이있는 문단입니다.
코드 샘플


컬럼 형 데이터, 숫자 또는 기타 형식 관련 텍스트


텍스트 테이블


과 같이 적절한 간격이 중요한 HTML 페이지에 공백을 표시하도록 브라우저를 설정할 수 있습니다.


요소 안에


요소를 중첩하여 인용 된 텍스트의 줄이 페이지에 나타나는 방식을 신중하게 제어 할 수 있습니다. 또는 더 나은 방법은 이러한 태그를 잊어 버리고 CSS를 사용하여 요소 내부에 텍스트 블록을 배치하는 것입니다.
수평 규칙

수평 규칙 요소 (hr)를 사용하면 페이지에


규칙
이라는 직선을 포함시킬 수 있습니다. 브라우저는 hr 요소를 기반으로 규칙을 작성하므로 사용자는 그래픽이 다운로드 될 때까지 기다리지 않습니다. 가로 룰은 페이지를 논리적 섹션으로 나누기위한 좋은 옵션입니다.
나머지 페이지와 머리글과 바닥 글을 구분하십시오.


서식 지정


페이지에



요소를 포함 시키면 그림과 같이 브라우저가 다음 HTML과 같이 줄로 바꿉니다.
수평 규칙 이것은 수평 규칙이 뒤 따르는 단락입니다.

이것은 수평 규칙이 앞에 오는 문단입니다.
수평 규칙은 항상 한 줄에 단독으로 위치합니다. 단락 (또는 다른 블록 요소)의 중간에
요소를 추가 할 수 없으며 규칙이 블록 중간에 나타나기를 기대합니다.

다음 HTML 비트는 페이지 너비의 45 %, 높이가 4 픽셀 (픽셀), 가운데 정렬, 음영 처리가 해제 된 가로 규칙을 만듭니다. 다음 단락을 따르고 있습니다 수평 한 규칙에 의해.
이것은 수평 규칙이 앞에 오는 문단입니다.
이 그림은 앞의 예에서 속성을 추가하여 규칙이 나타나는 방법을 변경하는 방법을 보여줍니다. (참고:

이 속성은 더 이상 사용되지 않으며 CSS와 동일한 것으로 가장 잘 대체됩니다. 더 이상 사용되지 않는 속성은 온라인에서 다루고 앞의 HTML은 유효하지 않습니다.)