샘플 블로그 게시물
이 블로그 게시물은 부트스트랩으로 지원되고 스타일이 지정된 몇 가지 다른 유형의 콘텐츠를 보여줍니다. 기본 타이포그래피, 목록, 표, 이미지, 코드 등이 모두 예상대로 지원됩니다.
이것은 몇 가지 추가 단락 자리 표시자 콘텐츠입니다. 사용 가능한 공간을 채우고 더 긴 텍스트 조각이 주변 콘텐츠에 미치는 영향을 보여주기 위해 작성되었습니다. 데모 흐름을 유지하기 위해 자주 반복하므로 정확히 동일한 텍스트 문자열을 찾으십시오.
인용구
다음은 실행 중인 블록 인용 예시입니다.
인용된 텍스트는 여기로 이동합니다.
이것은 몇 가지 추가 단락 자리 표시자 콘텐츠입니다. 사용 가능한 공간을 채우고 더 긴 텍스트 조각이 주변 콘텐츠에 미치는 영향을 보여주기 위해 작성되었습니다. 데모 흐름을 유지하기 위해 자주 반복하므로 정확히 동일한 텍스트 문자열을 찾으십시오.
예시 목록
이것은 몇 가지 추가 단락 자리 표시자 콘텐츠입니다. 전체적으로 사용되는 다른 고도로 반복적인 본문 텍스트의 약간 짧은 버전입니다. 다음은 순서가 지정되지 않은 목록의 예입니다.
- 첫 번째 목록 항목
- 더 긴 설명이 있는 두 번째 목록 항목
- 닫을 세 번째 목록 항목
그리고 이것은 순서가 지정된 목록입니다.
- 첫 번째 목록 항목
- 더 긴 설명이 있는 두 번째 목록 항목
- 닫을 세 번째 목록 항목
그리고 이것은 정의 목록입니다:
- 하이퍼텍스트 마크업 언어(HTML)
- 웹 페이지의 내용을 설명하고 정의하는 데 사용되는 언어
- CSS(Cascading Style Sheets)
- 웹 콘텐츠의 모양을 설명하는 데 사용
- 자바스크립트(JS)
- 고급 웹 사이트 및 응용 프로그램을 구축하는 데 사용되는 프로그래밍 언어
인라인 HTML 요소
HTML은 사용 가능한 인라인 태그의 긴 목록을 정의하며 전체 목록은 Mozilla 개발자 네트워크 에서 찾을 수 있습니다 .
- 텍스트를 굵게 표시하려면 를 사용
<strong>
하십시오. - 텍스트를 기울임꼴로 표시하려면 를 사용
<em>
하십시오. - HTML 과 같은 약어 는 전체 구문에
<abbr>
대한 선택적title
속성 과 함께 를 사용해야 합니다 . - Mark Otto 와 같은 인용 은
<cite>
. 삭제됨텍스트를 사용해야<del>
하고삽입텍스트를 사용해야 합니다<ins>
.- 위 첨자 텍스트 는 첨자 텍스트 를 사용
<sup>
하고 아래 첨자 텍스트 는 를 사용합니다<sub>
.
이러한 요소의 대부분은 약간의 수정을 가한 브라우저에 의해 스타일이 지정됩니다.
표제
이것은 몇 가지 추가 단락 자리 표시자 콘텐츠입니다. 사용 가능한 공간을 채우고 더 긴 텍스트 조각이 주변 콘텐츠에 미치는 영향을 보여주기 위해 작성되었습니다. 데모 흐름을 유지하기 위해 자주 반복하므로 정확히 동일한 텍스트 문자열을 찾으십시오.
소제목
이것은 몇 가지 추가 단락 자리 표시자 콘텐츠입니다. 사용 가능한 공간을 채우고 더 긴 텍스트 조각이 주변 콘텐츠에 미치는 영향을 보여주기 위해 작성되었습니다. 데모 흐름을 유지하기 위해 자주 반복하므로 정확히 동일한 텍스트 문자열을 찾으십시오.
Example code block
이것은 몇 가지 추가 단락 자리 표시자 콘텐츠입니다. 전체적으로 사용되는 다른 고도로 반복적인 본문 텍스트의 약간 짧은 버전입니다.