굵기 (bold)
굵기는 텍스트를 강조하고 진하게 표시하는데 사용됩니다. HTML에서는 <strong> 또는 <b> 태그를 사용하고 CSS에서는 font-weight 속성을 사용하여 굵게 표시할 수 있습니다.
HTML 예시:
<strong>This text is bold</strong>
<b>This text is also bold</b>CSS 예시:
.bold-text {
font-weight: bold;
}기울기 (italic)
기울기는 텍스트를 기울여서 강조하고 감정이나 강조를 더합니다. HTML에서는 <em> 또는 <i> 태그를 사용하고 CSS에서는 font-style 속성을 사용하여 기울기를 표시할 수 있습니다.
HTML 예시:
<em>This text is italic</em>
<i>This text is also italic</i>CSS 예시:
.italic-text {
font-style: italic;
}밑줄 (underline)
밑줄은 텍스트 아래에 수평선을 그려 텍스트를 강조하는 데 사용됩니다. HTML에서는 <u> 태그를 사용하고 CSS에서는 text-decoration 속성을 사용하여 밑줄을 표시할 수 있습니다.
HTML 예시:
<u>This text is underlined</u>CSS 예시:
.underline-text {
text-decoration: underline;
}취소선 (strikethrough)
취소선은 텍스트 위에 수평선을 그려 텍스트를 표시하지 않는 데 사용됩니다. HTML에서는 <s> 또는 <del> 태그를 사용하고 CSS에서는 text-decoration 속성을 사용하여 취소선을 표시할 수 있습니다.
HTML 예시:
<s>This text has a strikethrough</s>
<del>This text also has a strikethrough</del>CSS 예시:
.strikethrough-text {
text-decoration: line-through;
}전체 내용 정리
- 굵기는
<strong>또는<b>태그를 사용하거나 CSS의font-weight속성을 사용하여 텍스트를 강조합니다. - 기울기는
<em>또는<i>태그를 사용하거나 CSS의font-style속성을 사용하여 텍스트를 기울일 수 있습니다. - 밑줄은
<u>태그를 사용하거나 CSS의text-decoration속성을 사용하여 텍스트에 밑줄을 추가할 수 있습니다. - 취소선은
<s>또는<del>태그를 사용하거나 CSS의text-decoration속성을 사용하여 텍스트 위에 취소선을 그릴 수 있습니다.
이러한 속성과 스타일을 조합하여 텍스트를 보다 효과적으로 표시하고 강조할 수 있습니다.
댓글