마크다운에 수평선 추가하기

전제 조건:

이 가이드에 설명된 단계를 수행하려면 다음 구성 요소가 필요합니다.

• 적합한 Markdown 편집기. 예를 들어, VS나트륨 , 누르다 (포크 원자 ) 또는 온라인 마크업 편집기.
• Markdown에 대한 기본적인 이해(선택 사항).

가격 인하

Markdown은 일반 텍스트 문서에 다양한 요소(제목, 이미지, 표 등)를 추가할 수 있는 인기 있는 마크업 언어입니다. 기본 제공 구문 외에도 Markdown은 다양한 HTML 태그도 지원합니다. 흥미로운 기능 세트로 시간이 지남에 따라 인기를 얻었습니다.

• 경량 : 다른 마크업 언어에 비해 마크다운은 단순하고 가볍습니다. 표준 Markdown은 다양한 기능을 유지하면서 많은 구문을 포함하지 않습니다.
• 휴대성 : Markdown 문서는 기본적으로 일반 텍스트입니다. 따라서 모든 프로그램에서 작동할 수 있습니다. 모든 플랫폼에서 Markdown 형식의 텍스트를 만들 수도 있습니다.
• 인기 : Markdown은 웹 사이트, 문서, 메모, 이메일 등을 만드는 데 사용됩니다. Reddit, GitHub 등과 같은 대기업도 Markdown을 지원합니다.

Markdown의 수평선

Markdown에서 수평선은 다음과 같이 나타납니다.

문서에 수평선을 추가하고 싶은 경우가 많습니다. 예를 들어 섹션의 시작/끝을 나타냅니다.

새 문서 만들기

Pulsar 편집기로 작업할 때 Markdown 문서를 저장할 새 텍스트 파일을 열어야 합니다. 기본 창에서 다음으로 이동합니다. 파일 >> 새 파일 또는 ' Ctrl + N ' 키보드 단축키.

Pulsar 편집기에는 실시간 Markdown 미리보기 기능이 있습니다. 실시간 미리보기를 활성화하려면 다음으로 이동하십시오. 패키지 >> 마크다운 미리보기 >> 미리보기 전환 . 또는 ' 컨트롤 + 시프트 + M ' 키보드 단축키.

수평선 만들기

Markdown에는 수평선을 나타내는 몇 가지 구문이 있습니다.

• ***
• —
• ___

모두 비슷한 결과가 나옵니다.

시연하려면 다음 코드를 텍스트 편집기에 복사하여 붙여넣으십시오.

여기:

• 더 나은 시각 효과를 위해 각 텍스트 줄에 H1 형식을 사용합니다.
• 세 가지 다른 기호를 사용하여 세 개의 수평선을 만듭니다.
• 각 수평선 기호 전후에 새 줄이 있습니다.

공백이 없는 '-' 기호는 제목을 나타내므로 이러한 공백을 사용하는 것이 좋습니다.

HTML을 사용하여 수평선 만들기

이전에 HTML 작업을 했다면 아마 익숙할 것입니다. <시간 /> 수평선을 생성합니다. 마크다운에서도 작동합니다.

다음 코드를 확인하십시오.

여기:

• 텍스트에 H2 형식을 사용합니다.
• 그만큼 <시간 /> 태그는 렌더링된 출력에 수평선을 생성합니다.

이 접근 방식의 한 가지 흥미로운 이점은 실수로 제목을 만드는 것에 대해 걱정할 필요가 없다는 것입니다.

그만큼 <시간 /> 태그를 사용하면 출력의 다양한 속성을 조정할 수도 있습니다. 예: 색상, 너비 등. 다음 예를 확인하십시오.

여기:

• 모든 예제는 수평선을 스타일화하기 위해 CSS를 통합합니다.
• 첫 번째 예에서는 간단한 색상의 수평선을 만듭니다.
• 두 번째 예에서는 점선으로 된 수평선을 만듭니다.
• 세 번째 예에서는 둥근 수평선을 만듭니다.

자세히 알아보려면 확인하세요. HTML의

마크다운을 HTML로 내보내기

올바른 도구를 사용하면 Markdown 형식의 문서를 HTML로 변환할 수 있습니다. Pulsar 편집기에는 이 기능이 내장되어 있습니다.

렌더링된 출력을 HTML로 복사하려면 미리보기 창을 마우스 오른쪽 버튼으로 클릭하고 'HTML로 복사'를 선택합니다.

결과 HTML은 다음과 같습니다.

결론

Markdown에서 수평선을 만드는 방법에 대해 논의했습니다. 기본 제공 Markdown 구문과 HTML 구문을 모두 사용하여 수평선을 만드는 방법을 시연했습니다.

마크다운에 대해 더 알고 싶으세요? 확인 마크다운 하위 카테고리 .