✨ Formatting (텍스트 형식)

📌 굵은 글씨 요소 : <b>, <strong>

독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용하며, 특정 부분만 굵게 표시합니다.

<p>
	This article describes several
	<b class="keywords">text-level</b> elements. It explains their usage in an
	<strong>HTML</strong> document.
</p>

💡 <b>, <strong> 차이점

• <b> : 특별한 중요성을 가지고 있지는 않지만 굵게 표시한 부분에 사용
• <strong> : 중요한 의미를 강조할 때 사용

---

📌 기울임 글씨 요소 :<i>, <em>

• 일반적으로 기울임꼴(Italic)로 표시됩니다.

<p>I looked at it and thought <i>This can't be real!</i></p>
<p>Get out of bed <em>now</em>!</p>

💡 <i>, <em> 차이점

• <i> : 기술 용어, 외국어 구절, 등장인물의 생각 등에 사용
• <em> : 문장에서 강조할 부분을 나타낼 때 사용

---

🔗 하이퍼링크 (Hyperlink)

📌 <a> 태그 (앵커 태그)

HTML <a> 요소는 href 속성을 사용해 다른 웹 페이지, 파일, 이메일, 전화번호 등으로 연결하는 하이퍼링크를 만듭니다.

<ul>
  <li><a href="https://example.com">Website</a></li>
  <li><a href="mailto:m.bluth@example.com">Email</a></li>
  <li><a href="tel:+123456789">Phone</a></li>
</ul>

📌 <a> 태그 속성

속성	설명
href	링크할 URL을 지정
target	링크가 열릴 위치 지정

🔹 href 속성 (절대경로 vs 상대경로)

• 절대경로 (Absolute Path)
전체 URL을 포함하여 특정 리소스에 접근하는 방식입니다.
<a href="https://www.example.com/about.html">About Page</a>
✅ 어느 위치에서든 접근 가능하지만, URL이 길어질 수 있음

• 상대경로 (Relative Path)
현재 문서를 기준으로 다른 페이지를 연결하는 방식입니다.
➡️ 같은 도메인 내에서만 접근 가능
<a href="/about.html">About Page</a>
✅ 같은 사이트 내에서 관리하기 편리하며, URL이 짧아짐

🔹 target 속성 (새 창에서 열기)

속성 값	설명
_self	현재 창에서 열기 (기본값)
_blank	새 창(새 탭)에서 열기
_parent	부모 프레임에서 열기
_top	최상위 프레임에서 열기

---

🏷️ 엔티티 (Entity)

HTML 엔티티는 특수문자나 예약된 기호를 표현할 때 사용됩니다.
각 엔티티는 ”&”로 시작하고 ”;”로 끝납니다.

문자	엔터티 코드	설명
&	&	앰퍼샌드 (&)
<	&lt;	태그 시작 기호 (<)
>	&gt;	태그 끝 기호 (>)
"	&quot;	큰따옴표 (")
	&nbsp;	공백 (Non-breaking space)
–	&ndash;	엔 대시 (-)
—	&mdash;	앰 대시 (—)
©	&copy;	저작권 기호 (©)
®	&reg;	등록 상표 (®)
™	&trade;	상표 기호 (™)
≈	&asymp;	거의 같은 기호 (≈)
≠	&ne;	같지 않음 (≠)
£	&pound;	파운드 (£)
€	&euro;	유로 (€)
°	&deg;	도 (°)

✅ HTML 엔티티는 특수 문자 입력이 어려운 경우나 HTML에서 예약된 문자를 사용할 때 유용합니다.

---

📚 참고 문헌

🔗 MDN Web Docs: Anchor elements
🔗 MDN Web Docs: HTML Entities