10.1 포맷 시작
<b>, <strong>, <i>, <em>, <u> 그리고 <small> 태그를 사용하면 웹 개발자들이 텍스트의 가독성을 높이고 특정 부분에 주의를 기울이게 할 수 있어. 이 태그들은 각각의 특정한 사용처가 있어:
<b>: 특별한 의미 없는 굵은 텍스트<strong>: 중요성을 강조하는 굵은 텍스트<i>: 스타일링을 위한 이탤릭 텍스트<em>: 논리적 또는 의미적 강조를 위한 이탤릭 텍스트<u>: 시각적으로 강조하기 위한 밑줄 텍스트<small>: 부수적인 정보에 대한 작은 텍스트
이 태그들의 올바른 사용을 이해하면 더 명확하고 시각적으로 매력적인 웹 페이지를 만들 수 있어.
텍스트 포맷을 위한 주요 태그
<b> 태그와 <strong> 태그
<b> 태그는 텍스트를 굵게 표시하지만 특별한 의미는 없어. <strong> 태그도 텍스트를 굵게 하지만, 텍스트의 중요성이나 의미를 부여해.
<p>이 텍스트는 <b>굵게</b> 되고, 이 텍스트는 <strong>매우 중요하고 굵게</strong> 돼.</p>
<i> 태그와 <em> 태그
<i> 태그는 특별한 의미 없이 이탤릭 텍스트로 표시돼. <em> 태그는 텍스트를 이탤릭으로 하고 강조나 중요성을 나타내.
<p>이 텍스트는 <i>이탤릭</i> 이고, 이 텍스트는 <em>매우 중요하고 이탤릭</em> 이야.</p>
<u> 태그와 <ins> 태그
<u> 태그는 텍스트에 밑줄을 그어. <ins> 태그도 텍스트에 밑줄을 긋지만, 삽입된 텍스트를 나타내는데, 이는 변경 사항 추적과 관련해 의미를 가져.
<p>이 텍스트는 <u>밑줄</u>이고, 이 텍스트는 <ins>삽입되고 밑줄</ins> 이야.</p>
<s> 태그와 <del> 태그
<s> 태그는 텍스트에 취소선을 그어. <del> 태그도 취소선을 긋지만, 삭제된 텍스트를 나타내는데, 이는 변경 사항 추적과 관련해 의미를 가져.
<p>이 텍스트는 <s>취소선</s>이고, 이 텍스트는 <del>삭제되고 취소선</del> 이야.</p>
<mark> 태그
<mark> 태그는 현재 상황에서 특별한 의미나 중요성을 가진 텍스트를 강조하는 데 사용돼. <mark> 안의 텍스트는 노란색 배경으로 표시돼.
<p>이 텍스트는 <mark>강조</mark>되어 주의를 끌어.</p>
<small> 태그
<small> 태그는 보통 텍스트보다 작은 크기의 텍스트를 표시하는 데 사용돼.
<p>이것은 기본 텍스트이며, 이것은 <small>작은 텍스트</small> 이야.</p>
<sub> 와 <sup> 태그
<sub>와 <sup> 태그는 각각 하첨자와 윗첨자 텍스트를 생성하는 데 사용돼.
<p>이것은 하첨자가 있는 텍스트 H<sub>2</sub>O 및 윗첨자가 있는 텍스트 x<sup>2</sup> 이야.</p>
10.2 줄 바꿈
<br> 태그
<br> 태그는 텍스트를 새로운 단락을 생성하지 않고 새로운 줄로 이동시키는 줄 바꿈을 삽입하는 데 사용돼.
<p>이것은 줄 바꿈이 있는 텍스트<br>단락 안에 있어.</p>
<hr> 태그
<hr> 태그는 웹 페이지에서 시각적으로 콘텐츠를 구분하는 수평선을 삽입하는 데 사용돼.
<p>선 위의 텍스트.</p>
<hr>
<p>선 아래의 텍스트.</p>
GO TO FULL VERSION