2-1. 글 제목
Bootstrap 5는 기본적으로 font-size는 1rem(기본값 16px)을 사용하며 이는 line-height1.5입니다.
또한 모든 <p> 요소에는 margin-top: 0 및 margin-bottom: 1rem(기본적으로 16px)가 있습니다.
■ 글 제목 : <h1> ~ <h6>
부트스트랩에서 글 제목 태그 <h1> ~ <h6>에 사용된 글자의 모양은 다음의 예를 참고해 주세요.
글 제목 : <h1> ~ <h6>
ex2-1.html
<div class="container mt-3">
<h1>글 제목(h1)</h1>
<h2>글 제목(h2)</h2>
<h3>글 제목(h3)</h3>
<h4>글 제목(h4)</h4>
<h5>글 제목(h5)</h5>
<h6>글 제목(h6)</h6>
</div>
ex2-1.html의 실행 결과
<h1> ~ <h6> 요소 외의 다른 요소에도 클래스 h1 ~ h6를 사용하여 해당 요소의 글자를 제목처럼 작동하도록 할 수 있습니다.
<div class="container mt-3">
<p class="h1">안녕하세요(.h1)</p>
<p class="h2">안녕하세요(.h2)</p>
<p class="h3">안녕하세요(.h3)</p>
<p class="h4">안녕하세요(.h4)</p>
<p class="h5">안녕하세요(.h5)</p>
<p class="h6">안녕하세요(.h6)</p>
</div>
ex2-2.html의 실행 결과
■ 글자의 하이라이트
특정 글자의 강조를 위해 하이라이트를 표시하려면 다음의 예에서와 같이 <mark> 태그를 사용합니다.
<div class="container mt-3">
<h3>하이라이트 표시하기</h3>
<p>부트스트랩은 <mark>웹사이트의 디자인 요소</mark>가 화면
크기에 맞게 <mark>자동으로 조정</mark>되도록 해줍니다.</p>
</div>
ex2-3.html의 실행 결과
