P & BR 태그로 줄 바꿈 및 단락 만들기

HTML 학습에 관해서는 대부분의 사람들이 초기에 배우는 두 개의 태그는 단락 및 줄 바꿈 태그입니다.

과
각기. 이 태그는 웹 페이지의 내용을 읽기 쉽도록 텍스트에 자연스러운 부분을 넣습니다. 이러한 태그는 사용하기가 쉽지만 혼동을 일으키거나 오용 될 수 있습니다.

HTML 단락 요소의 올바른 사용

단락 요소

태그 쌍으로 사용됩니다.

태그는 요소를 열고

태그를 닫습니다. HTML4 또는 HTML5를 작성하는 경우 기술적으로 필수는 아니지만이 태그를 닫는 것이 좋습니다. XHTML에서

필요합니다.

새로운 아이디어 나 포인트를 시작하려는 웹 외부 웹 사이트의 내용을 작성할 때와 같은 방식으로 웹 사이트의 단락 요소를 사용합니다. 대부분의 브라우저는 그 사이에 빈 줄이있는 단락을 표시합니다. 다음은 HTML의 샘플 단락입니다.

이제 모든 좋은 사람들이 자기 나라의 도움을받을 때입니다. 빠른 갈색 여우는 게으른 잠자는 강아지 위로 뛰어 올랐다.

여는 태그와 닫는 단락 태그 사이에 다른 많은 태그가 나타날 수 있습니다.

HTML 줄 바꿈 요소의 올바른 사용

줄 바꿈 요소
태그는 싱글 톤 태그입니다. 태그에는 종료 태그가 없습니다. XHTML에서는 태그에 마지막 슬래시 (
), HTML (HTML5 포함)에는 필요하지 않습니다.

break 요소는 웹 페이지의 텍스트 흐름 내에서 강제로 줄 바꿈됩니다. 텍스트를 다음 줄에서 계속하기를 원할 때 사용하지만 내용은 별도의 아이디어 나 포인트가 아니기 때문에 다른 단락이됩니다.이 예는 일반적으로 줄 바꿈이 고정 된시에서 발생합니다.

다음은 단락 안의 줄 바꿈 예제입니다.

이제 모든 좋은 사람들이 자기 나라의 도움을받을 때입니다.
빠른 갈색 여우는 게으른 잠자는 강아지 위로 뛰어 올랐다.

줄 바꿈 태그는 싱글 톤 태그이므로 다른 태그를 사용할 수 없습니다.

일반적인 남용

과
태그

코딩을 처음 접하는 사람들은 웹 페이지를 마크 업 할 때 단락이나 줄 바꿈 요소에 몇 가지 일반적인 실수를 범합니다.

• 사용
  텍스트 행의 길이를 변경하는 방법: 텍스트를 특정 방식으로 표시하거나 중단하도록 중단 태그를 사용하면 브라우저에서 페이지가 멋지게 보이지만 반드시 다른 브라우저에서는 보이지 않을 수도 있고 확실히 모든 기기에서 보이지 않을 수도 있습니다. 반응 형 웹 사이트 인 경우 다양한 화면 크기에 따라 레이아웃이 변경됩니다. 브라우저는 자동으로 단어 줄 바꿈을 넣은 다음
  태그를 사용하면 텍스트를 다시 감싸서 짧은 줄과 긴 줄 및 고르지 않은 텍스트가 생깁니다. 특정 HTML 요소를 추가하여 레이아웃을 강제 실행하는 대신 시각적 스타일을 지정하려면 CSS 스타일 시트를 사용해야합니다.
• 사용요소 사이에 공백을 추가하는 방법: CSS를 사용하는 대신 비주얼 레이아웃 (이 경우에는 간격)을 만들기 위해 다시 HTML로 변환합니다. 이는 일부 HTML 편집기의 일반적인 관행이며 기술적으로 잘못된 것은 아니지만 어색한 모양의 HTML을 초래하고 나중에 편집하기가 혼란 스러울 수 있습니다. 또한 웹 표준 및 구조와 스타일의 분리와도 일치하지 않습니다. 어떤 경우에는 빈 단락 태그 안의 줄 바꿈하지 않는 공백을 사용하면 다른 브라우저에서 예기치 않은 공백이 생길 수 있습니다. 디자인에 필요한 간격 요소를 얻는 가장 좋은 방법은 스타일 시트를 사용하는 것입니다.

이 HTML 태그 목록에서 이러한 태그 및 다른 태그에 대해 자세히 알아보십시오.