공지사항 예시
중요: 2024년 3월 15일 02:00 ~ 04:00 동안 시스템 점검이 진행됩니다.
💡 퀵 접속: htm.kr/strong
<strong> 태그는 텍스트의 중요성을 강조할 때 사용합니다. 브라우저는 보통 이 태그를 굵은 글씨로 표시하며, 스크린 리더는 이 태그로 감싸진 텍스트를 더 강조된 톤으로 읽어줍니다.
| 속성 | 값 | 설명 |
|---|---|---|
| title | 텍스트 | 추가 정보를 제공하는 툴팁을 표시합니다. |
<p>
<strong>주의:</strong> 이 작업은 되돌릴 수 없습니다.
</p>
<p>
이 제품은 <strong>반드시</strong> 사용 전에
설명서를 읽어주세요.
</p>
<!-- 1. 중요 공지사항 -->
<article class="notice">
<h2>시스템 점검 안내</h2>
<p>
<strong>중요:</strong> 2024년 3월 15일 02:00 ~ 04:00 동안
시스템 점검이 진행됩니다.
</p>
</article>
<!-- 2. 제품 설명 -->
<article class="product-info">
<h2>신제품 출시</h2>
<p>
새로운 모델은 <strong>기존 제품 대비 2배 빠른</strong>
성능을 제공합니다.
</p>
</article>
<!-- 3. 스타일링 예제 -->
<style>
.strong-custom {
color: #e91e63;
font-weight: 700;
background-color: #fce4ec;
padding: 2px 4px;
border-radius: 3px;
}
.notice strong {
color: #f44336;
font-size: 1.1em;
}
.product-info strong {
color: #2196f3;
border-bottom: 2px solid #2196f3;
}
</style>
<p>
<strong class="strong-custom">특별 할인</strong>
이벤트가 진행 중입니다.
</p>
중요: 2024년 3월 15일 02:00 ~ 04:00 동안 시스템 점검이 진행됩니다.
새로운 모델은 기존 제품 대비 2배 빠른 성능을 제공합니다.
특별 할인 이벤트가 진행 중입니다.
모든 주요 브라우저에서 지원됩니다.